html:(25):选择器定义和标签选择器
生活随笔
收集整理的這篇文章主要介紹了
html:(25):选择器定义和标签选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
什么是選擇器？
每一條css樣式聲明（定義）由兩部分組成，形式如下：
選擇器{樣式; }在{}之前的部分就是“選擇器”，“選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用于網頁中的哪些元素。比如右側代碼編輯器中第7行代碼中的“body”就是選擇器。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>選擇器</title> <style type="text/css"> body{font-size:12px;color:red; } </style> </head> <body> <p>是學習編程最簡單的免費平臺。提供了豐富的移動端開發、php開發、web前端、html5教程以及css3視頻教程等課程資源。它富有交互性及趣味性，并且你可以和朋友一起編程。</p> </body> </html>運行結果
標簽選擇器
標簽選擇器其實就是html代碼中的標簽。如右側代碼編輯器中的<html>、<body>、<h1>、<p>、<img>。例如下面代碼：
p{font-size:12px;line-height:1.6em;}上面的css樣式代碼的作用：為p標簽設置12px字號，行間距設置1.6em的樣式。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認識html標簽</title> <style type="text/css"> h1{font-weight:normal;color:red; } </style> </head> <body><h1>勇氣</h1><p>三年級時，我還是一個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p><p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p><img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" > </body> </html>運行結果
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的html:(25):选择器定义和标签选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php+管道+pipe管道,angula
- 下一篇： clover更新驱动 后不能开机_黑苹果