标签：css
一.CSS背景：
背景颜色：background-color : #00ff00, yellow, rob(0,0,0), transparent
背景图片：background-image:url(…)
背景是否重复：background-repeat : repeat, no-repeat, repeat-y, repeat-x
放置背景图片：background-position : center, 50px 100px, 10% 20%
固定背景图片：background-attachment : fixed
二.CSS文本实例
文本颜色：color: red, #00ff00, rgb(0,0,0)
字符间距：letter-spacing : -0.5em, 20px
行间距离：line-height : 110%, 30px, 2
对齐：text-align : center, left, right
修饰文本： text-decoration: overline, line-through, underline, blink, none
缩进文本： text-indent : 1cm
字母控制： text-transform:uppercase, lowercase, capitalize
文本折行： white-space:nowrap
单词间距：word-spacing:30px, -0.5em
三.CSS字体实例
文本字体：font-family:Arial,Verdana, Sans-serif
字体尺寸：font-size:200%
字体风格：font-style:normal, italic, oblique
字体异体：font-variant
字体粗细：font-weight:normal, bold, 900
四.CSS边框
边框样式：border-style:dotted, dashed, solid, double, groove, ridge, inset, outset
边框宽度：border-width : thick, 5px 10px 1px [必须配合border-style使用]
边框颜色：border-color : yellow
下边框属性：border-bottom
下边框颜色：border-bottom-color
下边框样式: border-bottom-style
下边框宽度：border-bottom-width
(border-top, border-left, border-right)
五.CSS外边距
左外边距：margin-left[right, top, bottom]
外边距：margin:2cm 4cm 3cm 4cm
六.CSS内边距
padding-bottom [left, right, top]
内边距：padding : 0.5cm, 2.5cm
七.CSS列表实例
不同类型无序列表标记：list-style-type:disc, circle, square, none
不同类型有序列表标记：list-style-type:decimal, lower-roman, upper-roman, lower-alpha, upper-alpha
图像列表项标记：list-style-image:url()
放置列表位置：list-style-position:inside, outside
八.表格实例
表格的布局：table-layout: automatic, fixed
显示表格中的空单元：empty-cells:hide
合并表格边框：border-collapse:collapse , separate
表格边框间的空白：border-spacing:10px 50px
表格标题位置：caption-side
九.轮廓
元素周围画线：outline: #00ff00 dotted thick;
轮廓颜色：outline-color
轮廓宽度：outline-width
轮廓样式：outline-style
十.CSS尺寸
高度：height:auto, 160px, 50
宽度：width
最大高度：max-height
最大宽度：max-width
最小宽度：min-width
行距：line-height
十一.CSS分类
显示为内联元素：display: inline
不显示： display:none
浮动属性：float:right
元素可见性：visibility:visible, hidden
改变光标：cursor:help,wait,text,auto,default,....
清除元素的侧面：clear:right
十二.CSS定位
相对定位：position:relative left:20px 相对正常位置向右移动20px
绝对定位：position:absolute
固定定位：position:fixed
元素形状：clip:rect(0px,20px,20px,20px)
滚动条显示元素内溢出内容：overflow:scroll //hidden隐藏 //auto自动
文本中图像排列：vertical-align:text-top, text-bottom
十三.伪类
超链接：
a:link
a:visited
a:hover
a:active
hover必须在link和visited后， active必须在hover后
focus的使用：input:focus输入框获得焦点
first-child首个子元素：li:first-child, p:first-child
first-line首行
first-letter首字母
css学习笔记
标签：css
原文地址：http://blog.csdn.net/xiaokfc/article/details/46818261
