2023年6月20日发(作者:)

DIV+CSS属性设置参数

Line-height 行距 Backgound-image 插入图片 width 宽度

Height 高度 Value 初始值 Maxlength 最大字符数

  空格

强制换行

分段标记 字体设置

Disc 实心圆点(默认属性) Circle 圆圈 Square 小方快

Type 条目标记修改 start 有序条目初始值

预排版 

BORDER 加边框 marquee 滚动 strong 加粗字体

Direction 滚动方向

定位

Position 定位 relative 相对定位 absolute 绝对定位

Left 左边距 top 上边距 right 右边距

Bottom 下边距 margin 外边距 padding 内边距

Float 漂移

字体

Sive 字体大小 family 字体样式 text-decoration 文本下划线

None 取消

段落样式:

Text-align:段落水平对齐设置值:

center 居中 right 向右对齐 left 向左对齐

justify 继承上一步的属性

vertical-align:段落垂直对齐设置值:

sub 上标 super 下标 top 向上对齐

middle 垂直居中 bottom 向下对齐

10px、-10px相对于元素行高属性的百分比

Letter-spacing:字母的间距

Word-spacing:单词的间距

Line-height:文本行高

Text-indent:缩进方式

White-space:排版方式设置值:

Normal 正常 pre 预排版 nowrap 不换行

边框样式:

Border 边框 style 风格 dotted 点线

Solid 实线 dashed 虚线

背景样式:

Background-color 背景颜色

Backround-imige 背景图片

Background-repeat 背景重复方式设置值

Background-position 背景位置设置值

Background-attachment 固定或滚动背景设置值

Fixed 锁定 scroll 滚动

表格样式

Table{table-layout:fixed;} 表格内容的显示宽度和关联方式 fixed 不关联

Table{caption-side:bottom;}

控制表格标题的显示位置

Table{border-collapse:collapse;}

表格边框的显示方式

Table{border-spacing:}

表格内边框和外边框的距离

Tavle{empty-cells:}

控制对空单元格的显示方式

Tr:hover{color:red;}

鼠标经过时的颜色显示

Caption 标题 hide 忽略;隐藏

伪元素样式:

A:link 超链接的正常状态(没有任何动作前)

A:visited 访问过的超链接状态

A:hover 光标移动到超链接上的状态

A:active 选中超链接时的状态

P:first-line 段落中的第一行文本

P:tirst-letter 段落中的第一个字母

鼠标样式:

Cursor 鼠标样式 url 引用 move 移动

Text 文本 pointer 手型 help 帮助

Wait 等待

滚动条样式:

Scrollbar-face-color 滚动条凸出部分的颜色

Scrollbar-highlight-color 滚动条空白部分的颜色

Scrollbar-shadow-color 立体滚动条阴影的颜色

Scrollbar-3dlight-color 滚动条亮边的颜色

Scrollbar-arrow-color 上下按钮上三角箭头的颜色

Scrollbar-track-color 滚动条的背景颜色

Scrollbar-darksadow-color 滚动条强阴影的颜色

Scrollbar-base-color 滚动条的基本颜色

Overflow: hidden 隐藏 scroll 显示

Auto 自动

列表样式:

List-styletype:dise(实心圆)、circle(空心圆)、square(方块)、decimal(阿拉伯数字)、

Lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(

小写英文字母)、upper-alpha(大写英文字母)、none(无项目符号)

List-style-image:列表图片符号

List-style-position设置值:inside(内部)、outside(外部)

DISPLAY属性:

Display设置值:

block 块级元素 inline 行级元素 inline-block 行级的块级元素

list-item 显示列表元素 clip在使用position:absolute(绝对定位)后才会由效果!

Overflow溢出效果:

Visible 溢出显示 hidden 溢出隐藏

scroll 溢出产生滚动条 auto 溢出自动产生滚动条

2023年6月20日发(作者:)

DIV+CSS属性设置参数

Line-height 行距 Backgound-image 插入图片 width 宽度

Height 高度 Value 初始值 Maxlength 最大字符数

  空格

强制换行

分段标记 字体设置

Disc 实心圆点(默认属性) Circle 圆圈 Square 小方快

Type 条目标记修改 start 有序条目初始值

预排版 

BORDER 加边框 marquee 滚动 strong 加粗字体

Direction 滚动方向

定位

Position 定位 relative 相对定位 absolute 绝对定位

Left 左边距 top 上边距 right 右边距

Bottom 下边距 margin 外边距 padding 内边距

Float 漂移

字体

Sive 字体大小 family 字体样式 text-decoration 文本下划线

None 取消

段落样式:

Text-align:段落水平对齐设置值:

center 居中 right 向右对齐 left 向左对齐

justify 继承上一步的属性

vertical-align:段落垂直对齐设置值:

sub 上标 super 下标 top 向上对齐

middle 垂直居中 bottom 向下对齐

10px、-10px相对于元素行高属性的百分比

Letter-spacing:字母的间距

Word-spacing:单词的间距

Line-height:文本行高

Text-indent:缩进方式

White-space:排版方式设置值:

Normal 正常 pre 预排版 nowrap 不换行

边框样式:

Border 边框 style 风格 dotted 点线

Solid 实线 dashed 虚线

背景样式:

Background-color 背景颜色

Backround-imige 背景图片

Background-repeat 背景重复方式设置值

Background-position 背景位置设置值

Background-attachment 固定或滚动背景设置值

Fixed 锁定 scroll 滚动

表格样式

Table{table-layout:fixed;} 表格内容的显示宽度和关联方式 fixed 不关联

Table{caption-side:bottom;}

控制表格标题的显示位置

Table{border-collapse:collapse;}

表格边框的显示方式

Table{border-spacing:}

表格内边框和外边框的距离

Tavle{empty-cells:}

控制对空单元格的显示方式

Tr:hover{color:red;}

鼠标经过时的颜色显示

Caption 标题 hide 忽略;隐藏

伪元素样式:

A:link 超链接的正常状态(没有任何动作前)

A:visited 访问过的超链接状态

A:hover 光标移动到超链接上的状态

A:active 选中超链接时的状态

P:first-line 段落中的第一行文本

P:tirst-letter 段落中的第一个字母

鼠标样式:

Cursor 鼠标样式 url 引用 move 移动

Text 文本 pointer 手型 help 帮助

Wait 等待

滚动条样式:

Scrollbar-face-color 滚动条凸出部分的颜色

Scrollbar-highlight-color 滚动条空白部分的颜色

Scrollbar-shadow-color 立体滚动条阴影的颜色

Scrollbar-3dlight-color 滚动条亮边的颜色

Scrollbar-arrow-color 上下按钮上三角箭头的颜色

Scrollbar-track-color 滚动条的背景颜色

Scrollbar-darksadow-color 滚动条强阴影的颜色

Scrollbar-base-color 滚动条的基本颜色

Overflow: hidden 隐藏 scroll 显示

Auto 自动

列表样式:

List-styletype:dise(实心圆)、circle(空心圆)、square(方块)、decimal(阿拉伯数字)、

Lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(

小写英文字母)、upper-alpha(大写英文字母)、none(无项目符号)

List-style-image:列表图片符号

List-style-position设置值:inside(内部)、outside(外部)

DISPLAY属性:

Display设置值:

block 块级元素 inline 行级元素 inline-block 行级的块级元素

list-item 显示列表元素 clip在使用position:absolute(绝对定位)后才会由效果!

Overflow溢出效果:

Visible 溢出显示 hidden 溢出隐藏

scroll 溢出产生滚动条 auto 溢出自动产生滚动条