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;