CSS

css中文名叫作重叠样式表

一、基本结构

选择符 ｛属性：属性值；｝

 

二、样式表中的注释

/* 这里写注释 */

 

三、css选择符

1、通配选择符：*代表所有元素

2、类型选择符：例p {text-indent:2em;}

3、包含选择符：例div p {backgrond:#000;}

4、子对象选择符：例body> p { color:red;} body元素下的子元素P 字体颜色都为红色

 

四、伪元素与伪类 

选择符：伪元素{ 属性： 属性值 }

选择符：伪类 { 属性：属性值 }

 

1、 :first-child 父元素下指定元素的第一个

2、 链接伪类  :link   表示没有访问过的链接

                   :visited 表示有访问过的 :visited

     动态伪类   :hover 鼠标移上去的状态

                   :active 表示鼠标点击按下的状态

                   :focus 表示得到焦点的状态

     语言伪类   :first-line

 

3、伪对象  :first-letter 做首字下沉的效果

               :first-line 是设置对象内的第一行的样式表属性

 

4、长度单位

我们经常会看到pt、px、em等这些长度单位。

相对长度单位，如px、em等

绝对长度单位，如pt、mm等

在默认情况下，大多数浏览器的字体高都是16px，这样算起来，1em就是16px，如果把字体大小定义成20px,那么1em就是20px。

例： h1 { font-size:2em; height:1em; background-color:#CCC;}

      h1 { font-size:2em; height:32px; background-color:#CCC;}

5、颜色单位

transparent 没有颜色，透明 。是特殊的值

 

五、应用css在网页上

1. 外部链接<link href=” …………”
2. 内部链接< style type="text/css"> …… < /style>

rel  属性用于定义连接的文件和HTML文档之间的关系。

href  属性用于指定外部样式表的地址

 

media  属性用于指定样式表被接受的介质或媒体，也就是设备类型

screen:提交到计算机屏幕

print:输出到打印机

projection:提交到投影机

aural:扬声器

braille:提交到凸字触觉感知设备

tty:电传打字机 （使用固定的字体）

tv:电视机

handheld:指手持式显示设备（小屏幕，单色）

all:所有输出设备

 

title  属于用于定义样式的名称