css 知识

发布于:2023-01-04 ⋅ 阅读:(470) ⋅ 点赞:(0)

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

二、CSS字体 ,文本属性

1、text-align:

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

  • 语法:text-align:值

  • 常用值

    • left居左对齐 [默认值]

    • right居右对齐

    • center居中对齐

    • text-align: justify文本两端对齐方式

2、text-decoration

  • 作用:设置文本装饰

  • 语法:text-decoration:值

  • 常用值

    • none 默认。定义标准的文本。 【常用】

    • underline 定义文本下的一条线 【常用】

    • line-through 定义穿过文本的一条线。【比较常用】

    • overline 定义文本上的一条线。 【不常用】

3、text-indent

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

  • 语法:text-indent:值

  • 常用值

    • 默认值:0

    • 长度值,px,em

    • 百分比: 相对于元素内容宽进行计算

    • 允许负值

4、color

  • 作用:设置文字的颜色

  • 语法:color:颜色值

6、颜色的几种表现形式

1.英文的关键词:red红色,orange橙色,yellow黄色,green绿色,cyan青色,blue蓝色,purple紫色

transparent:透明色

2.十六进制色值

ps:英文状态下,按下i键,鼠标右键单击,拷贝颜色的十六制进制代码,在代码中ctrl+v粘贴

在代码的颜色中要写#在粘贴颜色的十六进制代码

由#和六位十六进制的数组成(0-9 a-f)

例:#000000表示黑色 #ff0000表示红色 #ffffff 表示白色

  1. rgb(r,g,b)

r: red 红色 g: green 绿色 b: blue 蓝色

取值范围0-255

rgb(255, 255, 255); 表示白色

rgb(0, 0, 0);表示黑色

4.rgba(r,g,b,a)

r: red 红色 g: green 绿色 b: blue 蓝色

a: alpha 透明度 透明度在0-1之间表示,0表示完全透明 1 表示完全不透明


网站公告

今日签到

点亮在社区的每一天
去签到