第三次练习

11.18学习了15 16章

 

 

 

知识点：

1.整体样式 

边框的属性：①border-width定义边框的宽度。②border-style定义边框的外观。none（无样式），dashed（虚线），solid（实线）。③border-color定义边框的颜色。

简写：border：1px solid red;

2.局部样式：①上边框border-top。②下边框border-bottom。③左边框border-left。④又边框border-right。

3.列表项符号：list-style-type：取值;

有序：ol{list-style-type：取值;}

无序：{list-style-type：取值;}

去除列表项符号：{list-style-type：取值;}

4.列表项图片：

ol/ul{list-style-image：url（图片路径）;}

11.19学习了第17 18章

 

 知识点：

1.表格标题位置：定义表格标题的位置

table{caption-side：bottom/top;}

2.表格边框合并：去除单元格之间的缝隙

table{border-collapse：collapse;}

3.表格边框间距：table{border-spacing：取值;}

4.图片大小用width和height定义图片大小

img{width：取值;height：取值;}

5.图片边框：border：1px solid red;

6.图片对齐

（1）水平对齐：text-align：取值;

取值：①left：左对齐②center：居中对齐③right：右对齐

（2）垂直对齐：vertical-align：取值;

取值：①top：顶部对齐②middle：中部对齐③baseline：基线对齐④bottom：底部对齐

7.文字环绕：float：取值;

属性值：left（元素向左浮动），right（元素向右浮动）。

11.20学习了第19 20章

 

 

 

 知识点：

1.背景颜色：background-color：颜色值;

2.背景图片样式：

background-image：url（图片路径）;

注意的是div元素需要定义width和height才能显示图片（默认值为0）。

3.背景图片重复：background-repeat：取值;

属性值：①repeat（水平和垂直方向重复）②repeat-x（水平方向重复）③repeat-y（垂直方向重复）④no-repeat（不重复）

4.背景图片位置：

background-position：像素值/关键字;

（1）像素值：

background-position：水平距离 垂直距离;

同时设置水平和竖直方向上的数值。

（2）关键字：

background-position：水平距离 垂直距离;

关键字如top left（左上）、top center（靠上居中）、left center（靠左居中）等

5.背景图片固定：

background-attachment：取值;

属性值：①scroll（随元素一起滚动）②fixed（固定不动）

6.超链接伪类

（1）伪类：①a：link，定义a元素未访问的样式②a：visited，定义a元素访问后的样式③a：hover，定义鼠标经过元素时的样式④a：active，定义鼠标单机时的样式。

（2）实用a：hover

7.hover：可以定义任何一个元素在鼠标经过时的样式。

8.鼠标样式：cursor：取值;

浏览器鼠标样式：属性值（教材p208）

#div_default{cursor：default;}

#div_pointer{cursor：pointer;}

自定义鼠标样式：

cursor：url（图片地址）,属性值;

#div_default{cursor：url（图片路径），default;}

#div_pointer{cursor：url（图片路径），pointer;}