第一章 基础介绍
介绍了css的好处, 编辑一个文件多处使用, 层叠: 指式样有矛盾时, 可以覆盖掉之前的式样, 便于维护 等等.
块级元素:会生成一个元素框, (默认地)它会填充其父元素的内容区, 会换行.
行内元素: 也有元素框, 但是不会打断这行文本, 不换行.
<link rel=”stylesheet” type=”text/css” href=”sheet1.css” media=”all” />
候选式样表 将 rel设置为 alternate stylesheet 例如:
<link rel=”stylesheet” type=”text/css” href=”sheet1.css” title=”Default”> // 默认式样
<link rel=”alternate stylesheet” type=”text/css” href=”bigtext.css” title=”big Text”>
<link rel=”alternate stylesheet” type=”text/css” href=”smalltext.css” title=”small text”>
如果多个式样表, 都使用”默认式样表”, 那么浏览器只会选择一个
<style type=”text/css”> @import url{style.css}</style>
可以看到 @import 必须写在 style 容器中. 并且要在最前边.
@import 与 link 类似, @import url(sheet2.css);
如果一个式样表, 需要引用令一个式样表, 那么这个 @import 就很有用了
内联式样一般最好不要使用, 就是<style type=”text/css”></style> 在body中.
第二章 选择器
类选择器, 根据类别选择, 比如同样都是 <input> 标签, 但是类别不同式样不同.
id选择器, 用来唯一确认一个元素
属性选择器, 针对一些不同类型或相同类型, 但是属性相同的, 具有相同式样.
伪类, 指实际上不存在的元素, 一般用在<a>中, 也可以用在别的元素上
a:visited {color: ilver;}
input:focus {background: silver;}
伪元素, 插入假想的元素, css2 中只支持4个伪元素: 设置首字母式样, 设置第一行式样, 设置之前和之后式样.
p:first-letter {color: red;}
p:first-line {color: red;}