如何给html添加样式。两种方法：css
1、新创建一个css样式表，与原html同目录，而后经过link标签连接。如：(link标签是一个void元素，无结束标签。)html
2、直接在html源码中使用style标签。如：，style标签嵌入head中。spa
html中插入style，则会涉及到五种样式选择器。code
一、元素选择器,给某一元素添加样式htm
以下:p元素与h1元素内的文本应用大括号内的样式文档
p,h1{color:grey;it
background-color:red;class
font-family:sans-serif;}import
二、类选择器，class属性
在
如：
.blue-text{color:black;}
注意，在CSS样式元素中，类选择器应该添加.为前缀。而在HTML元素的类声明中，类属性不能添加.为前缀。
类选择器不必定只针对某一标签，只要元素应用了class标签，则就使用此css类。
三、id属性设置样式
与class相似，为元素定义一个id，给id建立一个声明。例：
#important{color:black;}
注意：与class不一样的是，在css样式元素中，应添加#为前缀，html中没有前缀。一个id对应一个css属性。
四、属性选择器，选择某个元素应用样式
如：*[title]{color:red;}
全部包含title属性的元素均可应用以上样式。
五、后代选择器又称为包含选择器。后代选择器能够选择做为某元素后代的元素。
根据上下文选择元素
能够定义后代选择器来建立一些规则，使这些规则在某些文档结构中起做用，而在另一些结构中不起做用。
举例来讲，若是但愿只对 h1 元素中的 em 元素应用样式，能够这样写：
h1 em {color:red;}
上面这个规则会把做为 h1 元素后代的 em 元素的文本变为 红色。其余 em 文本(如段落或块引用中的 em)则不会被这个规则选中：
This is aimportantheading
This is aimportantparagraph.
再好比说：一个div元素中 要对其中一个元素进行样式改变，好比h2，由于在前面有一个类已经定义了全部h1.h2的样式，而h2又有一部分留在div中，
因此不容许直接对上面的class类中的h1和h2进行样式改变。于是可使用后代选择器：div h2{}
附：p>em{color；red；}表示紧挨着p的em元素使用此样式。
p+em{}与p元素紧邻的em元素使用此样式。
h1+p{}h1后面紧邻的p应用此样式。
