CSS常用代码1
- ==========CSS常用代码===========
- 字体颜色 : color : #00903A;
- 背景颜色 : background-color : #7CFFE7;
- --------------------------------------------------------------------------------
- 边框宽度 : border-width : 5px;
- 上边宽度 : border-top-width : 5px;
- 左边宽度 : border-left-width : 5px;
- 右边宽度 : border-right-width : 5px;
- 底边宽度 : border-bottom-width : 5px;
- --------------------------------------------------------------------------------
- 边框颜色 : border-color : #000FF4;
- 上边颜色 : border-top-color : #10FF01;
- 左边颜色 : border-left-color : #FF3B04;
- 右边颜色 : border-right-color : #FF3CF3;
- 底边颜色 : border-bottom-color : #00D0C3;
- --------------------------------------------------------------------------------
- 边框样式 : border-style : double; 可替换 dashed; dotted; none;
- 上边样式 : border-top-style : solid;
- 左边样式 : border-left-style : inset;
- 右边样式 : border-right-style : ridge;
- 底边样式 : border-bottom-style : solid;
- --------------------------------------------------------------------------------
- 整体宽度 : width : 5px;
- 整体高度 : height : 5px;
- 溢出选项 : overflow : visible; 可替换 hidden; scroll; auto;
- --------------------------------------------------------------------------------
- 内侧边距 : padding : 5px;
- 上内边距 : padding-top : 5px;
- 左内边距 : padding-left : 5px;
- 右内边距 : padding-right : 5px;
- 底内边距 : padding-bottom : 5px;
- --------------------------------------------------------------------------------
- 外侧边距 : margin : 5px;
- 上外边距 : margin-top : 5px;
- 左外边距 : margin-left : 5px;
- 右外边距 : margin-right : 5px;
- 底外边距 : margin-bottom : 5px;
- --------------------------------------------------------------------------------
- 文字字体 : font-family : fantasy;
- 文字大小 : font-size : 12pt;
- 文字粗细 : font-weight : bold;
- 文字样式 : font-style : italic;
- 文字变量 : line-height : 110%;
- --------------------------------------------------------------------------------
- 清除属性 : clear : left; 可替换 right; both; none;
- 浮动属性 : float : left; 可替换 right; none;
- 水平排列 : text-align : left; 可替换 right; center; justify;
- 文本修饰 : text-decoration : underline; 可替换 overline; underline overline; line-through; blink;
- 文本缩进 : text-indent : 5em;
- 文字间距 : letter-spacing : 5px;
- 字母间距 : word-spacing : 5px;
- 文本转换 : text-transform : capitalize; 可替换 lowercase; uppercase;
- 垂直排列 : vertical-align : baseline; 可替换 top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;
- --------------------------------------------------------------------------------
- 背景图片 : background-image : url(tianyi.gif);
- 背景拉伸 : background-repeat : repeat; 可替换 repeat-x; repeat-y; no-repeat;
- 背景定位 : background-position : left; 可替换 right; top; left top; right bottom; 30% 50%;
- 附加属性 : background-attachment : fixed; 可替换 scroll;
- --------------------------------------------------------------------------------
- 显示属性 : display : none; 可替换 block; inline; run-in; compact; list-item; marker;
- 是否可见 : visibility : visible; 可替换 hidden;
- 资源定位 : position : static; 可替换 relative; absolute; fixed;
- 距离顶部 : top : 5px;
- 距离左边 : left : 5px;
- 距离右边 : right : 5px;
- 距离底边 : bottom : 5px;
- 优先等级 : z-index : 5;
- 鼠标指针 : cursor : crosshair; 可替换 default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;
- 本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/lenhan12345/archive/2006/12/22/1453079.aspx
- 上一篇 »css不常用的4个选择器-个人向
- 下一篇 »java swing几种常用容器简单实现？