CSS 简单学习 篇

一。CSS  语法

1.头部CSS： 

自定义：  .s1{  color:red;   }   完后在body中的文字就可以调用自定义的css样式了。<span class=" s1">...</span>

                并且自定义css样式可以进行重复定义，也可以进行层级定义。

               注：自定义带点

重定义： s1{ color:red; }  重定义css样式，不带点。对html中存在的标签进行重定义。默认调用。 

               注：不管在哪里调用 都是用class 调用的 ，一般样式先用重定义，完后自定义，完后style=“”，最后<font> 。

CSS选择符： a:link {......} a:active{.....} a:visited{.....} a:hover{.....}  代表对超链接a做修饰，当点击时，访问过，的属                          性进行修饰

2.主体CSS：个标签中用style属性来调用

3.外部CSS：<link type="text/css" rel="stylesheet" href=" 对应的css文件"/>   :就可以调用外部的css样式了。

4.CSS字体：font-family:....  ; font-size:.....   ; font-style:.....  ; font-weight:....  ; font-variant:....  ;注意顺序不能变。

5.CSS文本：letter-spacing: ;word-spacing:  ; text-decoration:  ; text-align:.. ; text-indent:  ; line-height:  ; text-                                  transform:  ;

6.CSS颜色：前景色: color ;背景色：background-color ;

7.CSS背景图像： background-image:url(.....)   ; background-repeat:repeat-x/repeat-xy ;代表背景图片重复度。

                             background-position:背景图片位置。

8.CSS区块边框：border-width:  ;border-style:  ; border-color:  ;

9.CSS区块边距：margin：外边距 ； padding : 内边距 ；

10.CSS区块定位：position-relatice|absoulute ; left:  ; top:  ;  width:  ;  height:  ;

11.CSS层空间：  z-index :里面的值得大小看也使前端得一个覆盖另一个。 

12.CSS层裁切：clip:rect( , , , ) ; 用来进行裁切。代表裁切矩形 ：参数分别对应 ： 上， 右，下，左。

13.CSS层溢出：overflow:auto  ; 代表当溢出的时候 带卷轴。

14.CSS层可见：visibility:visible|hidden|inherit  可以对相应的字段进行隐藏，可见。

15.CSS鼠标：cursor: value   ;   设置对应的value值 ，控制鼠标的形态。

16.CSS滤镜：filter:alpaha(opacity=1) :代表对应位置进行滤镜效果。