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 溢出自动产生滚动条
发布评论