CSS学习心得
2018-02-12 17:41
519 查看
1.在css样式编辑中,不能添加无关样式设置的标签,比如<title>之类,否则会使整个css样式无法正确显示。
2. 关于css的样式表的优先性:
作者定义样式>用户设置样式>浏览器默认样式>html默认样式
3.关于css渲染样式时的优先性(区别与上条,本条所说的相同样式表在代码不同位置的渲染优先性):
一般情况下,距离应用对象越近的的样式越具有优先权。比如:
p { color : red;}
<p style="color : blue">你好</p>
此时由于行内样式比内嵌式离渲染对象距离近,所以字的颜色应为蓝色(blue)
但是当多个不同的选择器同时对一个对象进行渲染时,就需要引入“”选择器优先级权值“”概念,根据不同的选择器,都 会有一个默认的权值(数量较多,只能查资料),进行计算后,根据权值大小来判定优先性(权值一样时再遵循就近原则)。
注:当使用!important命令时,将直接获取最大优先性。
4.word-spacing 属性可以改变字符串(注意,不是字符之间的间隔,字符之间的间隔是用letter-spacing来控制)之间的标准间隔
5.下面的表格总结了 white-space 属性的行为:
6.
2. 关于css的样式表的优先性:
作者定义样式>用户设置样式>浏览器默认样式>html默认样式
3.关于css渲染样式时的优先性(区别与上条,本条所说的相同样式表在代码不同位置的渲染优先性):
一般情况下,距离应用对象越近的的样式越具有优先权。比如:
p { color : red;}
<p style="color : blue">你好</p>
此时由于行内样式比内嵌式离渲染对象距离近,所以字的颜色应为蓝色(blue)
但是当多个不同的选择器同时对一个对象进行渲染时,就需要引入“”选择器优先级权值“”概念,根据不同的选择器,都 会有一个默认的权值(数量较多,只能查资料),进行计算后,根据权值大小来判定优先性(权值一样时再遵循就近原则)。
注:当使用!important命令时,将直接获取最大优先性。
4.word-spacing 属性可以改变字符串(注意,不是字符之间的间隔,字符之间的间隔是用letter-spacing来控制)之间的标准间隔
5.下面的表格总结了 white-space 属性的行为:
值 | 空白符 | 换行符 | 自动换行 |
---|---|---|---|
pre-line | 合并 | 保留 | 允许 |
normal | 合并 | 忽略 | 允许 |
nowrap | 合并 | 忽略 | 不允许 |
pre | 保留 | 保留 | 不允许 |
pre-wrap | 保留 | 保留 | 允许 |
相关文章推荐
- 学习CSS布局心得
- 分享一下学习css,js心得
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- Java学习心得——jsp中引入css等格式的配置方法
- [38期]我的一点CSS的学习心得,大伙见笑了
- DIV+CSS—菜鸟分享学习心得!入门篇
- html和css学习心得
- css 学习心得
- CSS 学习心得 资料分享
- DIV+CSS—菜鸟分享学习心得!导航篇
- 关于HTML和CSS的学习心得
- CSS课程学习心得
- html+css学习心得(1)
- css学习心得之一
- 学习CSS布局心得
- css3d动画学习心得2:一个小游戏实践
- css学习的一些心得
- jquery学习心得:一个很好的css和js函数调用的例子
- CSS学习心得
- CSS重要属性之float学习心得(分享)