html中css三種常見的樣式選擇器 zz
1：標籤選擇器css
標籤選擇器，是全部帶有某種標籤的都生效。這裏以p爲例，也就是全部的帶有p標記的都會這樣的樣式html
<html>
<head>
<styletype="text/css">
p{font:"宋體"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我如今表現的是標籤選擇器</p>
<pid="p2">我也用的是標籤選擇器</p>
<h1>我沒有被任何的選擇器修飾</h1>
</body>
</html>spa
2：id選擇器，注意id選擇器是惟一的，由於只有id="yy"的纔有這種樣式，而一個頁面裏元素的Id必須是惟一的，因此。。。你懂得
id選擇器以#開頭
用法是：id=""
<html>
<head>
<styletype="text/css">
#yy{font:"宋體"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我如今表現的是id選擇器</p>
<pid="p">我沒有被id選擇器修飾</p>
<h1>我沒有被任何的選擇器修飾</h1>
</body>
</html>htm
3：類選擇器，
類選擇器以.開頭 只要把元素的class="" 就能表現爲這種樣式了
用法是：class=""
<html>
<head>
<styletype="text/css">
.yy{font:"宋體"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我如今表現的是類選擇器</p>
<pclass="yy">我沒有被類選擇器修飾</p>
<h1>我沒有被任何的選擇器修飾</h1>
</body>
</html>class
相關文章
- 1. html添加css——樣式選擇器
- 2. CSS樣式表：三種使用方式、CSS選擇器
- 3. css中的三種選擇器
- 4. CSS基礎（三）--樣式及選擇器
- 5. HTML樣式選擇器style
- 6. HTML經常使用標記、CSS三種選擇器
- 7. CSS樣式 選擇器
- 8. CSS樣式之選擇器
- 9. 前端知識---HTML中的css樣式選擇器
- 10. HTML經常使用標籤及CSS樣式選擇器
- 更多相關文章...
- • Spring實例化Bean的三種方法 - Spring教程
- • XQuery 選擇 和 過濾 - XQuery 教程
- • 常用的分佈式事務解決方案
- • Docker容器實戰(七) - 容器眼光下的文件系統
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. html添加css——樣式選擇器
- 2. CSS樣式表：三種使用方式、CSS選擇器
- 3. css中的三種選擇器
- 4. CSS基礎（三）--樣式及選擇器
- 5. HTML樣式選擇器style
- 6. HTML經常使用標記、CSS三種選擇器
- 7. CSS樣式 選擇器
- 8. CSS樣式之選擇器
- 9. 前端知識---HTML中的css樣式選擇器
- 10. HTML經常使用標籤及CSS樣式選擇器