【无标题】

id选择器

• 语法

  • HTML中通过id属性定义

    如：

    <div class="box"></div>

  • css中以点进行标识:#

    #id名称 { 
        样式声明;
    }
    ​
    ​
    #box{
        background-color:red;
    }

• 作用:选择所有带有指定id名的元素

注意：具有唯一性，一般用于页面唯一性的元素如头部、底部等，经常和 JavaScript 搭配使用。

总结

• 总结使用频率

  • 基础选择器中最常用是类选择器

  • id用于页面中唯一模块

  • 标签选择器定义的全局样式，单独使用要慎重

  • *号通常用于重置样式【最不常用】

2、表格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;
}