css注意事项

 

HTML+CSS第 2 天笔记

1.表格注意事项

1.   单元格默认会有间距。如果要去掉间距，在table标签上加上cellspacing=”0

”

2.   设置表格边框合并。需要把此属性写在table标签的css中

3.   单元格合并。

colspan=“2”水平合并.如果是水平合并，把相邻的单元格去掉

垂直合并：rowspan=”2” 需要把下一行的对应的td去掉

2.内外边距术语

父子级之间的间距用padding

兄弟级之间的间距用margin

3.盒子居中的方法（版心居中）

margin:0 auto;

 

使用条件：

1.   必须有宽度

2.   必须是块级元素（div）

4.边框

solid 实线

dotted 点线

dashed  虚线

 

 

border:1px dashed pink;

 

 

5.显示模式

每个标签有它不同的显示情况，特性

u 块级的显示模式

特点：

1.    能够设置宽高

2.    独占一行

 

代表性标签：div/p/h1~h6/ul,li/table/tr

u 行内的显示模式

特点：

1.    不能设置宽高

2.    并排显示

 

代表性标签：span/a/b/strong/u/em…

u 行内块的显示模式

特点：

1.    能够设置宽高

2.    又能并排显示

 

代表性：表单类的元素、img

6.显示模式的转换

有时候，超链接必须要写宽高，但因为超链接是行内，所以不能设置。这时候我们就需要去转显示模式了

 

 

转为行内块：display:inline-block;

转为块：display:block;

转为行内：display:inline;