《Css在html中的常用字符代码.doc》由会员分享，可在线阅读，更多相关《Css在html中的常用字符代码.doc（2页珍藏版）》请在金锄头文库上搜索。
1、 Css在html中的常用字符代码 字体相关的所有代码：大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM粗细 font-weight: bold;(粗体) lighter; (细体) normal;(正常)变体 font-variant: small-caps;(小型大写字母) normal;(正常)大小写 text-transfo
2、rm: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)常用字体： (font-family)：宋体 背景相关代码：色彩 background-color: #FFFFFF; 图片 background-image: url();重复 background-repeat: no-repeat;滚动 background-attachment: fixed;(固定) sc
3、roll;(滚动)位置 background-position: left;(水平) top(垂直);简写方法 background:#000 url(.) repeat重复 fixed left top; 盒子模式相关代码：（box）width:;宽度 height:;高度 float:浮点位置; clear:both; margin:区块间距; padding:内部间距;顺序上下左右 边框相关代码： (Border)border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹
4、陷) outset;border-width:; 边框宽度border-color:#;简写方法border：width style color;列表相关代码： (List-style)类型list-style-type: （列表前符号） disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;位置list-style-position: outside;(外) inside;图像list-style-image: url(.);（不建议使用
5、兼容性不好）定位相关代码： (Position)Position: absolute绝对定位; relative相对定位; static;静态visibility: inherit继承; visible可见; hidden隐藏;overflow溢出部分: visible可见; hidden隐藏; scroll圈起来; auto自动;clip: rect(12px,auto,12px,auto) (裁切)区块属性： (Block)字间距 letter-spacing: normal; 数值对齐 text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) c
6、enter;(居中)缩进 text-indent: 数值px;垂直对齐 vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle剧中; bottom底部; text-bottom;词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)显示 display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-ta
7、ble; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)超链接属性代码：a a:link 正常 a:visited 访问过 a:active a:hover 经过时鼠标光标样式：链接手指 CURSOR: hand 十字体 cursor:crosshair 箭头朝下 cursor:s-resize十字箭头 cursor:move 箭头朝右 cursor:move 加一问号 cursor:help箭头朝左 cursor:w-resize 箭头朝上 cursor:n-resize 箭头朝右上 cursor:ne-resize 箭头朝左上 cursor:nw-resize文字I型 cursor:text 箭头斜右下 cursor:se-resize箭头斜左下 cursor:sw-resize 漏斗 cursor:wait光标图案(IE6) p cursor:url(光标文件名.cur),text;边框相关代码：Border-top-bottom -left-right(上下左右）其他相关代码就不一一解释带入对比观看
