11 CSS的三種引入方式和基本選擇器
阿新 • • 發佈：2019-01-10
<!-- 整體說明： 1.CSS的三種引入方式 （1）行內樣式 （2）內接樣式 （3）外接樣式 2.CSS的基本選擇器 （1）id選擇器 （引用方式：#id） （2）標籤選擇器（引用方式：標籤名字） （3）類選擇器（引用方式：.類名） 3.CSS的高階選擇器 （1）後代選擇器 （2）子代選擇器 （3）組合選擇器 <div> <p> <span></span> </p> </div> （4）交集選擇器 --> <!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>CSS的三種引入方式和基本選擇器</title> <style> /*CSS樣式優先順序：行內樣式 1000 > id選擇器 100 > 類選擇器010 > 標籤選擇器 001*/ <!--以下是3種基本選擇器 --> /*標籤選擇器*/ div{ color:#ff6700; } /*id選擇器*/ #box{ color: red; } /*類選擇器*/ .box{ color: chartreuse; font-size: 30px; } .active{ color: cadetblue; } </style> </head> <body> <div class="box active" id="box">馬玉剛</div> <div class="box">李蘋</div> </body> </html>