a {
background: orange;
background-position: 50% 50%;
background-repeat: no-repeat;
background-origin: border...
jingsiyu
1年前 (2017-07-18) 160℃ 0评论
0喜欢
CSS文件的分类和引用顺序
通常我们一个项目只引用一个css，但对于较大的项目，就需要对css文件进行i。
一般根据css的性质和用途将css文件分为：公共型样式、特殊性样式、皮肤型样式，并以此顺序引用(按需求决定是否添加版本号)。
1、公共型样式包括以下几个部分：
标签的重置...
jingsiyu
1年前 (2017-07-18) 27℃ 0评论
0喜欢
使用类选择器，放弃ID选择器（ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS，就无法重用。）
“-“连接符
命名应简约而不失语义
防止污染和被污染(当模块或元件之间互相嵌套，且使用了相同的标签选择器或其他后代选择器，那么里面的选择器就会被外面相...
jingsiyu
1年前 (2017-07-18) 24℃ 0评论
0喜欢
判断样式优先级：
我们先约定id选择器的中为100，类选择器权重为10，标签选择器权重为1。任一个复杂的选择器的权重等于所有选择器的权重之和。一般，选择器越特殊，优先级越高。
例如：
div.test .item span{background-color:...
jingsiyu
1年前 (2017-07-18) 24℃ 0评论
0喜欢
1、用两个空格来代替制表符（tab） — 这是唯一能保证在所有环境下获得一致展现的方法。
2、为选择器分组时，将单独的选择器单独放在一行。
3、为了代码的易读性，在每个声明块的左花括号前添加一个空格。
4、声明块的右花括号应当单独成行。
5、每条声...
jingsiyu
1年前 (2017-07-18) 28℃ 0评论
0喜欢
值缩写
缩写值可以减少CSS文件大小，并增加可读性和可维护性。
但并非所有的值都必须缩写，因为当一个属性的值缩写时，总是会将所有项都设置一遍，而有时候我们不希望设置值里的某些项。
避免耗性能的属性
/* expression */
.class{width...
jingsiyu
1年前 (2017-07-18) 31℃ 0评论
0喜欢
before
主要的作用是在选择某个元素之前插入内容，一般用于清楚浮动
after
在选择某个元素之后插入内容
first-child
指定元素列表中第一个元素的样式
last-child
指定元素列表汇总最后一个元素的样式
nth-child和nth-last-chil...
jingsiyu
1年前 (2017-07-18) 23℃ 0评论
0喜欢
position: static | relative | absolute | fixed | center | page | sticky
1、static：为默认值，遵循常规流。
2、relative：遵循常规流，并且参照自身在常规流个的位置通过top、right、bot...
jingsiyu
2年前 (2017-01-13) 33℃ 0评论
0喜欢
不清楚大家的感觉如何？个人一直觉的传统的浏览器滚动条有点丑。有没有办法美化我们的滚动条呢？在这里提供google、ie两种浏览器的美化方法。
webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。设置参数如下：
...
jingsiyu
2年前 (2017-01-05) 30℃ 0评论
0喜欢
伪类、伪元素大家应该都知道。他们之间有什么区别呢？哪些是伪类、哪些又是伪元素呢？这些伪类、伪元素又有什么作用呢？…现在我们从定义来说说：
伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。用于向某些选择器添加特殊的效果。常见的伪类有：:l...
jingsiyu
2年前 (2017-01-05) 23℃ 0评论
0喜欢
