CSS基础

名称

Cascading Style Sheet 级联样式表

---

元素

• 块元素

1,独立一行
2,可以定义宽高
3,常用元素快 div p ul li

• 内联元素

1,一行排列显示
2,不能定义宽高
3,常用元素 span a label

---

语法

选择器 {
    声明1;
    声明2;
    }

---

位置

1、应写在标签之间；
2、加上 type=”text/css” 属性

---

选择器

1. 标签选择器
2. id选择器
3. 类选择器

 #id { font-size:16px;}
 <标签名 id= "id名称">标签内容</标签名>

复合选择器

1,并集选择器

p,#id,.class{
    font:red;
    font-size:28px;
}

2, 交集选择器

    h3.second{
        font-size : 14px;
        color :  green;
        }

选择器中间不能有空格

3,后代选择器

p a{
font-size:14;
color:green;
}

---

引用样式

• 内部样式
• 行内样式

<p  style="font-size:14px;  color:green; " >直接在HTML标签中设置的样式</p>

• 外部样式

链接式

<link type="text/css" rel="styleSheet" href="文件路径"/>

导入式

<style type="text/css">
@importurl("css文件路径")
</style>

---

小图标放置

background-image:url("images/arrow-down.gif");
background-repeat:no-repeat;
background-position:right center;
background:url(images/arrow-right.gif) right center no-repeat;

---

常用样式

字体属性

---

文本属性

---

背景样式

---

列表属性

---

链接属性

---

鼠标属性

---