css设计基本属性

1.背景属性： (background)

图片 { background-image: url(); }

色彩 { background-color: #FFFFFF; }

重复 { background-repeat: no-repeat; }

滚动 { background-attachment: fixed; } (固定) scroll; (滚动)

位置 { background-position: left; } (水平) top(垂直);

简写方法 { background:#000 url(..) repeat fixed left top; } /*简写·这个在阅读代码中经常出现，要认真的研究*/

2.字体属性：(font)

大小 { 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-transform: capitalize; } (首字母大写) uppercase; (大写) lowercase; (小写) none; (无)

修饰 { text-decoration: underline; } (下划线) overline; (上划线) line-through; (删除线) blink; (闪烁)

3.CSS背景样式：

background-color:#F5E2EC; /*背景颜色*/

background:transparent; /*透视背景*/

background-image : url(/image/bg.gif); /*背景图片*/

background-attachment : fixed; /*浮水印固定背景*/

background-repeat : repeat; /*重复排列-网页默认*/

background-repeat : no-repeat; /*不重复排列*/

background-repeat : repeat-x; /*在x轴重复排列*/

background-repeat : repeat-y; /*在y轴重复排列*/

4.CSS连接属性：

a /*所有超链接*/

a:link /*超链接文字格式*/

a:visited /*浏览过的链接文字格式*/

a:active /*按下链接的格式*/

a:hover /*鼠标转到链接*/

5.鼠标光标样式：

链接手指 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; }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！