应用于页面中的所有元素。匹配元素名称与选择器相似的元素。应用于<h1>元素，<h2>元素和<h3>元素。应用于所有class特性值为note的元素。匹配指定元素的后代元素。应用于所有位于<p>元素中的<

在css中，有盒子背景图片颜色渐变，但是文字颜色渐变确很少提及，主要还是目前浏览器的支持程度还不高，只有在Safari和chrome能起作用

通过less.js让less不再像传统的css是静态数据表，让它具备了编程语言的动态性。得益于Variables(变量)和Mixins()让less可以做到编程语言很多的基础和实用特性，这将大大减少前端的代码量，使用代码变得更加优雅小巧。本文内容来源于英文

$color-red:red;$color-yellow: yellow;$color-white: white;$color-light-gray: #F5F5F5;},

同时，在使用以上方法时，其class参数都可以设置多个类名，类名与类名之间用空格分开。//智能增减CSS样式

聪明的你应该已经看出来了，border的边框是由四个三角形组成的，接下来我们就使用这一原理来实现等边三角形吧~将其他的三个边框给取消。你或许有个疑问？上右下左的顺序来控制四个边框，隐藏某边框就设置transparent,显示某边框就写个颜色就可以啦~比如上

一开始，我并没有移除代码中所有的 sass 代码。随着这年 css 的发展，曾经让我使用 sass 的原因似乎不那么重要了。大概 5、6 年前，我第一次了解到 sass 的时候，我是有些换衣的。显而易见的是，随着设备、视图窗口和主题等场景的变化，使用变量让

一个盒子居中了，那么两个怎么弄呢，并且他们相隔的距离要一样的1.一开始我的思路使用margin-left:百分比的方法，但是他这百分比不会随着父元素的大小变化而变化。只要根据盒子的数量来调整margin-left的大小就可以了。

width: 100%;height: 100vh;background: #121212;overflow: hidden;width: 150px;height: 150px;border-radius: 50%;background: #333;po

作为前端的设计人员，对于CSS的接触，就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。通用的CSS文件，放在如下目录中：业务类的CSS是指和具体产

3d的效果很多，我们之前就分享了很多，这次是基于css3来做的，立方体，6面，每一面都可以看到，可以旋转，可能在实战项目中用到不多，但是很适合做到个人主页里面。

前面介绍过CSS里的::before和::after这两个伪元素，以及content相关的用法，这篇将针对content搭配counter（计数器）进行一些有趣的应用，相信熟练之后搞不好很好玩也说不定。counter最的基本用法一定要有一个父元素和子元素，

bignav.removeClass; // 导航css不改变 可以删掉该行

前言自学了那么久，慢慢开始写页面遇到了不少关于css的坑，想写一篇文章来记录一下，也方便以后自己在遇到这些坑时回顾一下，遇坑即更。calc使用Chrome浏览器时候，用到了css3中的calc函数，写法如： height: calc;但是在页面中却不

if (!path || path.length === 0) {. throw new Error('argument "path" is required !');link.href = path;link.rel = 'style

收藏个看到的技巧，在CSS3中，可以比如做到，原来CHECKBOX的是方的，变为圆形的；方法是使用伪类：

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：

<p>这是一个关于div与css应用的前台例子，并不是很好。

在一个声明中设置所有的背景属性。设置背景图像是否固定或者随着页面的其余部分滚动。设置下边框的宽度。设置轮廓的样式。规定文本的水平对齐方式。规定添加到文本的装饰效果。规定文本块首行的缩进。控制文本的大小写。为元素规定 aspect 值。收缩或拉伸当前的字体系