我的程式設計師生涯--wjw--Java----Android------------>
阿新 • • 發佈：2018-12-26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>基本選擇器</title> <!-- 選擇器 就是指定CSS要作用的標籤，那個標籤的名稱就是選擇器。意為：選擇要作用樣式的哪個容器 選擇器有三種： 1，html標籤選擇器，使用的就是html的標籤名。 2，class選擇器，其實是使用的標籤中的class屬性。 3，id選擇器，其實是使用的標籤中的id屬性。 每一個標籤都定義了class屬性和id屬性，用於對標籤進行標識，方便對標籤進行操作， 在定義當中，多個標籤的class屬性值可以相同，而id卻要唯一，因為JavaScript中經常用。 --> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <style type="text/css"> /*span.haha{ color: red; } div.haha{ color:red; }*/ /*可以像上面一樣單獨呼叫，但程式碼重複，建議用下面的方式*/ .haha{ color:red; } div{ color:yellow; } #div1{ color:blue; } /* 上面三種選擇器都作用與同一個標籤的話，因為標籤選擇器範圍最大，然後是class選擇器次之， id選擇器最小，所以，以作用範圍小的為準！！！ */ </style> <body> <span class="haha">span-------aaaaaaaaaaaaaaaaaa</span> <span>span-------bbbbbbbbbbbbbbb</span> <hr/> <div id="div1" class="haha">div----cccccccccccccccccccc</div> <div>div----dddddddddddddddddddddd</div> <hr/> <p class="haha">p---------eeeeeeeeeeeeeeeeeee</p> <p>p---------ffffffffffffffffff</p> </body> </html>