HTML&CSS基礎學習筆記1.33-元素選取器

來源:互聯網
上載者:User

標籤:

元素選取器

最常見的 CSS 選取器是元素選取器。換句話說,文檔的元素就是最基本的選取器:

p {      text-indent:10px;      color:blue;  }  

 

什麼情況下使用元素選取器,一般我們這樣認為: 

如果你想要讓頁面中所有的指定元素都有這個CSS效果,可以使用元素選取器。

 

有這樣一段html代碼:

<!DOCTYPE html>  <html lang="en">  <head>      <meta charset="UTF-8">      <link rel="stylesheet" type="text/css" href="index.css">      <title></title>  </head>  <body>  <h1>雨巷</h1>  <p>  撐著油紙傘,獨自<br>  彷徨在悠長,悠長<br>  又寂寥的雨巷,<br>  我希望逢著<br>  一個丁香一樣的<br>  結著愁怨的姑娘。<br>  </p>  </body>  </html>  

現在試試用css的元素選取器給它做點變化吧,css代碼如下:

body  {      text-align: center;  }    h1  {      color:yellow;  }    p   {      color:green;  }  


更多學習內容,就在碼芽網http://www.mayacoder.com/lesson/index

HTML&CSS基礎學習筆記1.33-元素選取器

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.