这一系列文章主要是关于CSS内容部分,内容包括: CSS选择器API、CSS权重、布局、黏性布局、BFC等内容。如果有哪些地方我写的不对,请大家不吝赐教。如果大家觉得有什么重要的内容我没有提的话,可以告诉我,谢谢。
如何将CSS应用与HTML？
1) 外部样式表 或者 在CSS中使用 @import url("index.css")
2) 内部样式表 将CSS放在HTML内包含的元素
3) 内联样式 在标签上添加 style 属性,然后在该属性中设置CSS。除非必须需要,否则不要这样做。
CSS(层叠样式表)的特点
CSS(层叠样式表)的特点:
1) css是一门用于指定网页文件如何展示给用户的语言--包括网页的样式,布局等等。
2) CSS是一门基于规则的语言,可以定义网页特定元素样式的规则。
CSS使用时的注意点
1) 给一个元素以百分比设置padding和margin时，它是根据body的宽度计算得出的。
2) 外边距(margin)的值可正可负;内边距(padding)的值必须为0或正的值，否则无效。
3) 可以使用HTML的contenteditable属性来让元素允许编辑。IE5.5支持。
4) 视口(浏览器页面的可见区域)也具有大小。在CSS中，有和视口大小相关的vw单位(视口宽度)和vh单位(视口高度)。1vh等于视口高度的1%。IE9支持。
CSS的顶层样式表规则
一、定义
CSS的顶层样式表规则: CSS的顶层样式表规则由两种规则组成的规则列表构成,一种被称为at-rule,也就是at规则,另一种是qualified rule,也就是普通规则。
二、相关API
at-rule: 该规则是由一个@关键字和后续的一个区块组成的,如果没有区块,则以分号结束。
qualified rule: 该规则是指普通的CSS规则,由选择器和属性指定构成的规则。
at-rule规则的关键字:
1) @charset: 指定样式表中使用的字符编码。它必须是样式表中的第一个元素,且前面不能有任何字符。如果有多个@charset规则被声明,只有第一个会被使用,且不能在HTML元素或HTML页面的