入门系列5

1 css中的长度和颜色 ： px

     十六进制： color : #ffffff;

     颜色名称：color：red;

     三颜色单位：rgb(255,0,0);

 

2,css中的文字属性

     font-style : normal/italic

 

     font-variant :  normal/ small-caps(将英文大小写字母设为同宽)

 

     font-weight : normal/bold(粗体)

 

     font-size : 像素大小/百分比(字体大小)

 

     font-family : 字体名称

 

3.css中的文本属性：

     color : 

     

     letter-spacing : narmal/长度(文本间隔)

 

     word-spacing : narmal/数字(单词间距)

 

     white-space : normal/pre/nowrap(强制在同一行中显示)

 

     text-align :

 

     text-decoration : none/underline/overline/line-throught(删除线)

 

     text-indent : 长度/百分比 (山、、首行缩进)

 

     line-height : 数字(行高)

     

     text-transform : none/capitalize(字符串第一个字符大写)/uppercase(设置大写字符)/lowercase(设置小写字符)

 

     vertical-align： sub(设置文字为下标)/super(设置文字为上标)/top(元件往上端靠齐)/middle(设置文字是在中线位置)/bottom(元件往下端靠齐)

 

4.css背景样式：

     background-attachment ： scroll(设置背景图像会随着视窗的滚动条的移动而移动)/fixed(设置背景图像不会随着视窗的滚动条的移动而移动)

                            

     background-color：十六进制/transparent(透明)；

     

     background-image：url()/none;

     

     background-position : top left(设置背景图案在上左方)

 

     background-repeat：repeat/repeate-x/repeat-y/no-repeat(图案只出现一次)

       

5，css中的列表样式：

     list-style-type : none/disc/circle/square/decimal(1,2,3)/lower-roman(i,ii,iii)/upper-roman(I,II,III)/lower-alpha(a,b,c,d)/upper-alpha(A,B,C,D)

 

     list-style-position : inside(清单项目较往右移)/outside(清单项目正常显示)

 

     list-style-image : url/none

 

6,css边框样式：

     border-color：

 

     border-style ： none/dotted(点线)/dashed(虚线)/solid(实线)/double(双线)

 

     border-width：长度

 

7.css边界样式：

     padding ：边线空隙

 

     margin： auto/长度

 

8.css浮动样式：float：none/left/right

 

                        clear:none/left/right/both

 

9.css定位样式：position ： relative/absolute

 

                        left : auto/像素

     

                        z-index : auto/数字

 

10.css溢出样式：overflow：auto/scroll/hidden

 

11.滚动条样式：scrollbar

 

12.超链接的伪类属性：

     a:link     表示该超链接文字尚未被点选

     a:visited     表示该超链接文字已被点选

     a:active     表示该超链接文字正在被点选，但未被放开

     a:hover     鼠标停留在文字上

 

13，css中光标样式：cursor：auto/crosshair/default/hand/pointer/move/text/wait/help

 

14.css中缩放的使用：zoom：normal/百分比

 

15.滤镜：filter、Alpha、Blur、filph、filpv、Dropshadow、Glow、Gray、Invert、Xrag、shadow