CSS样式详解-优快云博客

本文详细介绍了CSS中的各种样式设置方法，包括字体、背景、边框及文本等元素的样式定义方式。此外，还讲解了内联式、嵌入式和外部样式表的应用场景，并列举了多种选择器的使用技巧。

可以修饰的样式有那几种：
1. 字体
font-size:10px;font-size:3cm;
color:red;
2. 背景

background-color:#FF00FF;
background-image:url(images/aaa.gif);

background:red url(images/aaa.gif) no-repeat 3px 5px;

3. 边框
border-style:solid;
border-style-left:
border-style-right:
top
bottom
border-width:10px;
border-color:red;

4. 文本

border-width:10px 20px 30px 40px;
border-color:red green blue yellow;
border:red solid 1px;

语法：
属性和值使用 ":"

多个属性之前使用 ";"

HTMl和CSS结合

1. 内联式样式表 <tag style="" />
2. 嵌入式样式表 <style> </style> 使用这个嵌入到html中
3. 外部样式表s

样式选择器

1. html 样式选择器
2. class样式选择器
a. tag.classname { }
b. .classname { }

3. id 样式选择器
注意：一个页面中ID的名不能重复

#idname {}

4. 组合样式选择器
选择器,选择器，..., ... { }

5. 关联样式选择器
选择器选择器 ... {}

6. 伪样式选择器
是在同一个标记中，不同的状态时显示不同的样式

只对两个有用： <a>