2.CSS

2、CSS

2.1概述

==CSS 是一门语言，用于控制网页表现。==我们之前介绍过W3C标准。W3C标准规定了网页是由以下组成：

• 结构：HTML
• 表现：CSS
• 行为：JavaScript

CSS也有一个专业的名字：Cascading Style Sheet（层叠样式表）。

说白了：css就是控制元素的样式，布局等。

2.2 css导入方式

• 内联样式：在标签内部使用style属性，属性值是css属性键值对

  <div style="color: red">Hello CSS~</div>
  

  给方式只能作用在这一个标签上，如果其他的标签也想使用同样的样式，那就需要在其他标签上写上相同的样式。复用性太差。

• 内部样式：定义

2.3 css 选择器

css 选择器就是选取需设置样式的元素（标签），比如如下css代码：

div {
	color:red;
}

如上代码中的 div 就是 css 中的选择器。我们只讲下面三种选择器：

• 元素选择器

  格式：

  元素名称{color: red;}
  

  例子：

  div {color:red}  /*该代码表示将页面中所有的div标签的内容的颜色设置为红色*/
  

• id选择器

  格式：

  #id属性值{color: red;}
  

  例子：

  html代码如下：

  <div id="name">hello css2</div>
  

  css代码如下：

  #name{color: red;}/*该代码表示将页面中所有的id属性值是 name 的标签的内容的颜色设置为红色*/
  

• 类选择器

  格式：

  .class属性值{color: red;}
  

  例子：

  html代码如下：

  <div class="cls">hello css3</div>
  

  css代码如下：

  .cls{color: red;} /*该代码表示将页面中所有的class属性值是 cls 的标签的内容的颜色设置为红色*/