HTML+CSS基础(二)

本文详细介绍了CSS中表格的使用技巧,包括间距调整、边框样式及单元格合并等;探讨了内外边距的正确应用;讲解了如何实现盒子居中效果;列举了几种常用的边框样式;并解析了不同显示模式的特点及其转换方法。

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  虚线

5.显示模式

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

5.1 块级的显示模式

特点:

1.    能够设置宽高

2.    独占一行

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

5.2 行内的显示模式

特点:

1.    不能设置宽高

2.    并排显示

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

5.3 行内块的显示模式

特点:

1.    能够设置宽高

2.    又能并排显示

代表性标签:表单类的元素、img

6.显示模式的转换

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

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

转为块:display:block;

转为行内:display:inline;
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值