学习CSS注意点

来源:互联网 发布:recuva数据恢复手机版 编辑:程序博客网 时间:2024/06/05 07:29

1.当同一个HTML元素被不只一个样式定义时,那么使用样式的层叠次序为:(次序由低到高)
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于标签内部)
- 内联样式(在HTML元素内部)

2.用多重声明时,尽可能在每个申明后加上封号,可在你增减声明时减少出错可能性,最好每行定义一个声明,增强可读性。

3.id选择器:id属性只能在每个HTML中出现一次。原因参阅:XHTML网站重构,但是常常id选择器可以建立派生选择器,它作为派生选择器也可被定义很多次。

4.定义CSS类选择器时,类名的第一个字符不能用数字。与id一样,类选择器也可被用作派生选择器。

5.CSS属性选择器:对带有指定属性的HTML元素设置样式。

6.插入样式表的三种方法:
- 外部样式表(当样式需要应用到很多页面时用它,可以通过改变一个文件来改变整个站点的外观,link标签)
- 内部样式表(当单个文档需要特殊的样式时用它,style标签)
- 内联样式(当样式仅需要在一个元素上应用时用它,在相关标签内用style属性)
多重样式:如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。

7.CSS的背景色与背景属性都不能继承。

8.缩进文本text-indent可以应用于所有块级属性,例如段落,但是该属性无法应用于行内元素。该元素可以继承。

9.CSS字体系列:如果我们不知道用户代理上有没有安装你想要的指定字体,那么可以通过结合指定字体和通用字体,将通用字体作为备用。

10.字体大小分为绝对值和相对值,相对值允许用户在浏览器中改变文本大小(有利于可用性),一般如果没有规定字体大小,则普通文本默认大小是16像素(16px=1em)。一般推荐用em尺寸单位,1em相当于当前字体尺寸,em值会相对于父元素字体大小改变。但不幸em单位在IE中调整文本还是有问题,所以我们可以结合使用百分比和em单位使浏览器缩放文本均有效。

11.CSS框模型概述
这里写图片描述
背景应用于由内容、内边距和边框组成的区域。内边距、边框、外边距都是可选的,默认值是0。可以给外边距的每个边分别设置值,这几个值顺序是从top开始顺时针设置。这四个边距可以值复制。

12.以下是相对定位:
这里写图片描述
相对定位是“相对于”元素在文档中的初始位置。在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。
以下是绝对定位:
这里写图片描述
绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。绝对定位使元素的位置与文档流无关,因此不占据空间。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

原创粉丝点击