css教程
如何正确的使用选择器
css选择符的概念，在之前的新手学习css优先级的开头部分也有提到，是指每一条样式规则中，描述把样式作用到哪些元素的部分，也即{}之前的部分。css选择符将确定后面的属性定义要作用到哪些元素，因此存在一个浏览器根据css选择符来应用样式到对应元素的匹配过...
自定义变量方法
今天找模板看到一个模板这段代码，很好奇，研究了下，分享给大家学习。这段是CSS3的自定义变量的写法，搞了前端这么多年，还没遇到过，以前只知道LESS SASS支持变量，没想到CSS都可以直接使用CSS变量了。方法很简单，跟JS一样，先声明一个变量。...
@media自适应不同分辨率
@media是CSS中媒介语法，可以根据不同分辨率，执行不同的CSS样式，可以达到自适应不同分辨率终端的方法。下面我的站长站分享一套自用的@media方法，已经应用了很多套模板，100%好用。在使用@media之前，需要...
CSS3+JS页面loading过度跳转效果
CSS3+JS页面loading过度跳转效果，字母跳动效果，具体效果如下图修改跳转链接只需要改这个地方的链接就可以了换成你的跳转网址，3代表3秒后跳转，也可以随意调整。...
3背景渐变语法
background：背景linear-gradient：渐变0deg：渐变方向，比如从左到右，从右到左，从上到下等等#fff：渐变起始颜色#000：渐变结束颜色0%，100%：透明度。
中的语法缩写简写方法大全
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：这里主要用于两个属性：margin和padding，我们以margin为例，padding与之...
3段h1标题CSS美化代码
一段简单的CSS美化h1,h2,h3,h4,h5,h6代码，很简单css美化功能。使用的是比较简单的css样式美化的使用的是before这种伪元素进行美化的，由于该样式富含机械性，下面只举例一个，孟坤博客效果大前端模版香...
浏览器常见的兼容性问题
浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。因浏览器兼容的问题，不同的浏览器对标签的默认样式值不同，如果不初始化会造成不同浏览器之间的显示差异，布局出现...
如何修改元素轮廓虚边
我们在表单输入时，会看到鼠标点击input元素会出现一条蓝色轮廓虚边，如下图。搭配自己的样式不是非常美观，我的站长站教大家如何修改她。这里需要用到CSS的outline。轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。...
盒子 margin外边距padding内边距border边框
以前应聘前端工作的时候，考官总喜欢问CSS盒子是什么？其实就是margin外边距和padding内边距，外加一个border边框，换了个神奇的叫法。外边距的意思就是，元素向外的距离。文字代表元素本身，黄色代表外边距。内边距跟外边距相反，元素向内的距离。...