三、css字体、文本属性

一、表格css属性

1、表格边框

  • 指定 CSS 表格边框,使用 border 属性,通常定义td,th的边框属性
  • 表格会呈现双边框,是因为表和 th / td 元素有独立的边界。
  • table存在默认属性border-collapse:separate

2、表格的折叠边框

border-collapse 属性设置表格的边框是否被合并为一个单一的边框

  • 取值

  • separate:边框独立(默认值)

  • collapse:相邻边框被合并

  • border-spacing:单元格之间的间距
    
    • border-spacing:水平方向 垂直方向;
    • border-spacing:一个值;代表水平方向和垂直方向的间距是一样的
  • 注意:只有在 边框独立border-collapse: separate时才能用

二、单元格内容的垂直对齐

  • vertical-align 作用:垂直对齐属性设置垂直对齐,比如顶部,底部或中间

  • 常用值

  • top顶部对齐

  • middle居中对齐

  • bottom底部对齐

三、如何使用css实现表格的1像素边框

   border-collapse:collspse;
}

四、css字体,文本属性

1、font-family:

  • 作用:设置文本的字体系列。

2、font-size

  • 作用:设置字体的大小。

3、font-style

  • 作用:设置字体的样式。

4、font-weight

  • 作用:设置字体粗细。

5、line-height

  • 作用:设置行高(效果是产生文本行间距)。

6、font简写

  • 作用:设置所有字体属性。

7、text-align:

  • 作用:设置文本的水平对齐方式。

8、text-decoration

  • 作用:设置文本装饰

9、text-indent

  • 作用:设置文本块首行的缩进。

10、color

  • 作用:设置文字的颜色。

五、常用复合选择题

概述:由两个或多个基础选择器通过不同的方式组合而成的选择器

1.后代选择器

  • 作用: 选择E元素内部包含的所有F元素。

2.子代选择器

  • 作用: 选择E元素内部包含的所有直接子元素F(第一嵌套层级)。

3.群组选择器

作用: 使用逗号分隔的列表来对选择器进行分组,给列表中每一个选择器选中的元素设置样式。

4.伪类链接选择器

  • 用于添加特殊效果

5.相邻选择器

作用:E元素之后紧跟着的兄弟元素F

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值