< 内部样式 > <style type="text/css"> p{ font-size:20px; color:red; } .p1{ color:blue; } #p2{ color:orange; } </style> <span>外部样式</span> 加外部样式 首先创建一个1.css 。然后做(连接式、导入式) <p class="p1" id="p2" [ 行内样式 : style="color:yellow;" ]>标签</p> <link href="1.css" rel="stylesheet" type="text/css"/> 【连接式】 <style type="text/css"> @import url ("1.css"); </style> 【导入式】 超连接伪类 《4 种 》 顺序 1 未访问之前的 < a:link > 2 单击访问后的 < a:visited > 3 鼠标悬浮其上 < a :hover > 4 鼠标单击未释放的 < a:active >