1.CSS样式作用：用于控制页面显示的方式和布局（定义html元素展示的方式），美化界面，将内容与表现分离，便于维护和扩展；
2.CSS样式的相关的选择器包括：
A. html选择器：如：p{color:red;}
B. ID选择器：如：#div1{font-size:14px; text-align:left;}
C. 类选择器： 如： .tr{15%; font-weight:bold;}
D. 属性选择器：属性选择器是对指定属性的html元素设置相关的样式；（该选择仅适用于IE浏览器版本高于IE7及以上，且在规定!DOCTYPE的情况下；
属性选择器的使用方法是：首先需要在页面的开头添加一个：<! DocType>的标记，然后在<style type="text/css">中使用如：
<style type="text/css">
[text-align=center] {color:red} 该条样式设置的含义是： 所有具有text-align="center"的样式属性的html元素的颜色为红色；
[name ~="t1"] {color:blud} 该条样式设置的含义是： 包含name属性为t1的，由空格分隔的的html元素的颜色为蓝色；
[name |="t2"] {color:green} 该条样式设置的含义是：采用-连接的name属性为-t2的html元素的颜色为绿色；
</style>
示例如：
<!DOCTYPE html>
<html>
<head>
<title>html的属性选择器</title>
<style type="text/css">
[align=center]{color:Red;}
[class ~="t"]{color:Gray;}
[name |="t"] {color:Blue;}
</style>
</head>
<body>
<p align="center">Hello!</p>
<p class="t c">
大家好！</p>
<span name="s-t">Well</span>
</body>
</html>
3.ID选择器与类选择器的共同点及区别：
ID选择器和类选择器的相同点：选择器的名称都可以自定义，区分大小写，建议使用小写字母，不能以数字开头；
区别：ID选择器以#开头，具有唯一性，在同一个页面只能使用一次，类选择器以.开头，在同一个界面可以多次使用同一个类样式；