一.全局属性
1.class属性
class属性对元素指定CSS类选择器
<!doctype html> <html> <meta charset="utf-8"> <head> <title>2.21</title> <style> .spanFont{ font-size:24px; } .spanColor{ color:Red; } </style> </head> <body> <span class=" spanFont spanColor">全局属性class</span> </body> </html>
2.id属性
id属性规定了HTML元素的整个html文档
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #headerColor{ 8 color:red; 9 } 10 #contentColor{ 11 color:blue; 12 } 13 </style> 14 </head> 15 <body> 16 <h1 id="headerColor">这是红色的标题</h1> 17 <p>一个段落</p> 18 <p id="contentColor">这里是蓝色的内容</p> 19 </body> 20 </html>
显示
3.title属性
title属性用于描述元素的信息，鼠标悬停到具有该属性的元素上时，会显示title的内容
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>2.2.3</title> 6 </head> 7 <body> 8 世界贸易组织简称<acronym title="World Trade Organization">WTO</acronym> 9 </body> 10 </html>
4.style属性
style属性用于规定元素的行内样式，并覆盖任何
5.accesskey属性
6.dir属性
7.contextmenu属性
8.draggable属性
9.dropzone属性
原文：http://www.cnblogs.com/sunli0205/p/6235126.html