hello world
``` 效果如下：  方式2（内部样式表）： 在head 标签中写入 style标签，然后从style标签内写css的内容 ```hello world
``` 效果如下：  方式3 （外部样式表） 从head标签中 通过link 标签引入外部的css文件 从而建立html文件和css文件之间的连接 > > > link 标签中的rel=“stylesheet”必须加上 > > href 为url地址 > > type 链接文件的格式 可省略 省略的部分为：type="text/css" > > rel属性规定当前文档与被连接文档之间的关系，但是只有值为stylesheet的时候，能够得到浏览器的支持 ```hello world
``` 效果同上：  ## css 语法 那让我们解读一下刚才写的css代码 ``` body{ background:blue } ``` 其中 body 叫选择器，可以选中一个或多个需要添加此样式的元素，这个例子中是body 如果要给不同的元素添加样式，只需要更改选择器部分就可以了 {} 内部的内容为规则集，css中除了选择器部分，样式相关的所有内容全部要包括在成对的大括号里（{}） {} 中的一行为一个声明，声明由 属性:属性值 组成，用来指定添加样式元素的属性 如本例的background:blue 声明中冒号左边的部分为属性，冒号右边的部分为属性值 重要的语法归纳： - 除了选择器的部分都应该包含在成对的大括号里，即{} 里面 - 每个声明中要用 : 将属性名和属性值分割开 - 每个规则集中，要用 ; 把各个声明分割开 ## css选择器 基本选择器： | 选择器名称 | 选中的内容 | 示例 | | ----------------------- | -------------------------- | ------------------------------------------------------------ | | 标签选择器 | 页面上所有该标签的html元素 | p 选中页面上所有的p标签 | | id选择器 | 具有特定id的html元素 | #name 选中页面上所有或 ...这种id为name 的元素 | | 类选择器 | 具有特定类的元素 | .box 选中页面上所有