层叠样式单

样式但背后的概念很简单，创建一个独立的样式单独文档，一指定字体、颜色、背景和其他确定网站外观的特这。然后连接需要使用该样式单的所有网页，而不是在每个文档中都重复指定这些样式。

CSS工作原理

样式单背后的技术被称为CSS，这是层叠样式单的缩写。CSS是一种定义样式机构如字体、颜色、位置等的语言。

CSS入门

CSS中的样式属性分为两大类

• 布局属性，位置属性
• 格式化属性，视觉显示

布局属性

用于决定内容在网页上如何排列,最重要之一 display,有四个可取值

• block:元素显示在下一行，作为一个新段落
• list-tiem：元素显示在下一行，前面有列表标记（项目符合）
• inline:显示在当前段落内
• none:元素隐藏不显示

样式类

• 选择符

h1 {  color:red;  }

• class标签

 h1.abcxdx {  color:green;  }   <h1 class = "abcxdx">green here </h1>

使用样式ID

样式ID是一组自定义的格式化规范，可以只应用到网页中的一个元素。可以在一组页面中使用ID，但是每页只使用一次

p#title{  font:24pt  }
<p id="title">some title </p>

内部样式和内联样式

如果要指定只用于一个网页的样式，可将样式单放在标签<style></style>
内，直接包含咋HTML文档中。这种样式称为内部样式单。

内联样式（inline）：能够称为页面的一小部分，如单个元素指定样式。例如：可以在&alp>、&ltdiv>或&ltspan>标签中使用sytle属性创建应用规则。

<p style="color:green">
This text is green,but<span sytle="color:red">this text is red.</span>
</p>
<p>default color </p>