CSS基础之简介

1.CSS简介

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写。

CSS的特点:控制页面中的每一个元素（精确定位）；对HTML语言处理样式的最好补充；把内容和格式相分离，减少工作量。

2.CSS规则的组成

CSS规则主要由“选择器”和“声明”两部分组成，选择器制定声明应用于哪个或哪些元素。

p { text-indent:3em }

选择器 { 属性1:值1;属性2:值2;属性n:值n; }

CSS注释:      /* 这里的内容被注释 */
长度单位:   em px pt %
颜色单位:   RGB或者16个关键字（aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow）
URL值:       可以选择使用单引号、双引号或者不加引号，在URL之前或之后可以包含空格。
body{background:url("bg.gif")}

3.在HTML文档中放置CSS的集中方式

内联样式表

正文内容

*嵌入一个样式表*
<style type="text/css">
<!--
p{
color:#FF00FF;
font-size:25px;
}
-->
</style>

*连接到一个外部的样式表*
<link href="style.css" type="text/css" rel="stylesheet">

*导入样式*
@import url("style.css");
@import "style.css";
如果同时使用内联样式表和嵌入样式表并设置了相同属性，内联样式表的优先级高；同时使用嵌入样式表和外部样式表并设置相同属性，优先级由出现的先后顺序决定。

行内样式的优先级最高，其次是采用<link>标记的链接式，再次是位于<style></style>之间的内嵌式，最后才是@import导入式。

CSS优先级

CSS三种方法的优先级：内联式 > 嵌入式 > 外部式
但是嵌入式> 外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。