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时才能用

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

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

• 常用值

  • top顶部对齐

  • middle居中对齐

  • bottom底部对齐

小节：如何使用css实现表格的1像素边框

table{
    border-collapse:collspse;
}

3、CSS字体 ,文本属性

学习目标

• 熟练掌握css常用文本属性

• 熟练掌握css常用字体属性

• 能够说出颜色的常用表示方法

1、font-family：

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

• 语法：font-family:字体名称

• 常用值：

  • 一个字体名称或系列名称（介绍常用字体名称、字体系列）

    • 微软雅黑 Microsoft YaHei

    • 宋体 simsun

    • 黑体 HeiTi

    • 楷体 KaiTi

  • 多个字体名称