應該如何合理的應用CSS整體布局聲明

來源:互聯網
上載者:User

  1. 基本上,整體聲明有兩種方法,第一種就是針對一個標籤,然後一次設定好幾個樣式。第二種就是同時對好幾個標籤設定相同的樣式。下面這個例子就是:“針對一個標籤,然後一次設定好幾個樣式”: 

 代碼如下 複製代碼
<stype="text/css"> 
    body{font-size:9pt;
    font-color:red;
    background:white}
</style>  

  
  2. 你會發現,我們同時聲明了:字形大小為 9pt、字形顏色為紅色、背景為白色,這3個樣式,為了將這三個樣式分隔開,我們利用分號“;”來將之隔開,這樣才能正常起作用!當然,若是你覺得這樣一列一列的寫出來很浪費空間,那麼你也可以寫成一行的形式,如下:

 代碼如下 複製代碼
<style type="text/css"> 
    body{font-size:9pt;font-color:red;background:white}
</style>    

  幾個標籤設定相同的樣式
  1.剛剛我們看過一個標籤,同時設定幾個樣式的,實際上,我們也可以把好幾個標籤同時一起來設定,例如:

 代碼如下 複製代碼
<style type="text/css"> 
    h1,h2,td{font-size:12pt; font-color:red; font-family:宋體}
</style> 

  以此例而言,我們同時設定了三組標籤<h1>、<h2>、<td>,換言之,凡是被這三個標籤包起來的,其文字大小都會變成 12pt、紅色字、並且以宋體顯示!

相關文章

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.