css属性总结

Font and Text Properties  字体文本属性

 font-family 字体 譬如宋体,黑体,常用 Arial,Helvetica,verdana,sans-serif
 font-style 字体类型 normal正常 | italic 斜体 |
 font-variant字体变量 normal 正常| small-caps 小字体的大写文本
 font-weight normal 正常| bold 粗体
 font-size 字体大小
 
 letter-spacing 文字间间距
 line-height 行高度
 text-decoration 文字修饰 underline 下划线|| line-through 横线|| blink 闪烁 ||

none 表示超链接文字不显示下划线
 text-transform 文字转换 capitalize第一个字母大写 | uppercase大写 | lowercase 小写

| none没有
 text-align 文字排列 left左边 | right右边 | center居中
 text-indent 文字后退 段落中第一句后退一定空间

Color and Background Properties  颜色和背景属性

 color 颜色
 background-color 背景颜色
 background-image 背景图片
 background-repeat 背景图片重复
 background-attachment 背景图片附属 scroll滚动 | fixed 固定
 background-position 背景图片的定位
 background  背景

Layout Properties 布局属性

 margin-top 顶边距
 margin-right 右边距
 margin-bottom 底边距
 margin-left 左..
 margin 边距指边框外的空间距离
 padding-top 内顶边距
 padding-right 内右边距
 padding-bottom 内底边距
 padding-left 内左边距
 padding 边距指边框和内容之间的距离
 border-top-width 顶边框宽度 border边框 top顶 bottom底 width宽度 color颜色
 border-right-width 右边框宽度
 border-bottom-width底边框宽度
 border-left-width 左边框宽度
 border-width 边框宽度
 border-top-color  顶边框颜色
 border-right-color 右边框颜色
 border-bottom-color 底边框颜色
 border-left-color 左边框颜色
 border-color 边框颜色
 border-top-style 顶边框类型  style类型
 border-right-style 右边框类型
 border-bottom-style 底边框类型
 border-left-style 左边框类型
 border-style边框类型 none没有 | dotted 点线| dashed 虚线 | solid 实线
 border-top 顶边框
 border-right 右边框
 border-bottom 底边框
 border-left 左边框
 border 边框
 float 浮动 left 左| right右 | none没
 clear  清理浮动 none | left | right | both左右两边

Classification Properties 分类属性

 display 显示 none没有 | block 区块显示法| inline 内嵌显示法| list-item 列表目录
 list-style-type 列表风格类型 disc 圆点| circle圆圈 | square 实心方块
 list-style-image 列表风格图片 url图片的URL地址 | none
 list-style-position 列表单项的摆放定位
 list-style  列表风格

Positioning Properties 定位属性

 clip 切割
 height 高度
 width 层的宽度
 z-index 决定层的先后顺序和覆盖关系
 overflow 当层内的内容超出层所能容纳的范围时的显示方式
 visibility 针对嵌套层的显示设置
 scroll滚动 | hidden 隐藏| visible 可见| auto自动
 position 坐标系统 absolute 绝对坐标

Printing Properties 打印属性

page-break-before 打印停顿
page-break-after  在什么之后停顿
Filter Properties filter  在什么之前停顿

Pseudo-Classes and Other Properties 伪类和其他属性

active联接击活后的状态
hover 鼠标在联接上的状态
@import 从外部导入CSS样式
!important 重要CSS样式
cursor 光标 auto 自动| crosshair十字 | default默认 | hand小手 | move | e-resize |

ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize |

text | wait等待 | help帮助
link 未点击过的联接
visited  访问过的联接

first-letter 一行第一个字母
first-line 第一行
white-space  白色空格

关于 beeboo

瘦仔,很傻很坚强
此条目发表在 coding, php 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>