第五次课内容:
1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible
2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的)
3. 开放标签(有开始标记和结束标记)和自闭合标签
4. style标签的type属性值,说明遇到type的时候,将以何种方式显示style标签,例:type="text/css"时,就以CSS样式解析style标签
5. ID选择器作用于最顶层的块
6. CSS的语法:选择器+{1个或多个声明} ,其中 声明=属性:属性值
7. 属性值的定义语法:由 关键字 或 特殊符号 或 类型 构成
除了多个单词的情况外,属性值不用带引号,eg:{font-family:"Times New Roman";},Times New Roman是一个字体名,所以要引起来
关键字 eg: {color:blue;} blue为关键字
特殊符号 eg:{font:12px/20px;},意为字体大小是12px,行高是20px;这里的"/"就是特殊符号
类型 eg:{200px;} 200px就是类型,color、percentage、length的值是最常出现的三种类型
8. 相对长度单位em表示的是倍数
属性值的控制因素:
a. 并列:值用空格隔开,必须全部出现,顺序不能改变
b. 互斥:值用|隔开,有且只能有一个值出现
c. 并且:值用&&隔开,必须全部出现,顺序可调整
d. 或者:值用||隔开,至少有一个值必须出现,顺序可调整
e. 分组符号:值用[ ]括起来,中括号之间用空格隔开,例:center和top和red就是[center|left] [top&&red]的一种属性值
f. *表示属性值出现的次数:0次、1次或多次
g. +表示属性值出现的次数:1次或多次
h. ?表示属性值可有可无
优先级:[] > 并列 > 并且&& > 或者|| > 互斥|
第六次课内容:
1. 以font开头的为文本样式;以text开头的为段落样式
2. CSS参考手册http://css.doyoe.com/ 可以查询CSS的知识点
3. 字体粗细font-weight:normal | bold | bolder | lighter | <integer>
integer=整数、完整的事物、整体
这里integer的取值范围=100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ,其中400=normal 700=bold
4. 字体倾斜font-style: normal | italic | oblique | inherit
oblique=斜的、倾斜物、倾斜=字体倾斜,把没有斜体属性的文字强制变为斜体
italic=斜体的、斜体字=倾斜字体,把有斜体属性的文字变成斜体
5. 字体变形font-variant: normal | small-caps | inherit
字体变形是把英文字母变成小号的大写字母
6. font是复合属性,可以有多个属性值,因此多个font属性可以简写为:
font:[ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [/ <' line-height '> ]? <' font-family '>
注:? 表示可有可无;/ 是特殊符号;[] 和 [] 之间是用空格隔开的,表示并列
7. 行高 line-height 是字体最底端(底线)与字体内部顶端(顶线)之间的距离
8. 文本装饰text-decoration: none 无 | underline 下划线 | line-through 删除线/贯穿线 | overline 顶划线(用的特别少)
9. 行高 line-height 和 缩进 text-indent 最好都用相对值,如 百分比或者em,这样当父字体大小改变时,他们的值会自动做相应调整