學習網頁技術CSS應用在特定場合的規則

來源:互聯網
上載者:User

  At-rules分裝不同的CSS規則,應用在特定場合。
  Importing
  import@規則引用另外的樣式。例如,如果你想添加另外樣式到現在的樣式,可以這樣:
  @import url(addonstyles.css);
  這很像使用link元素串連CSS到HTML,本質上說有一個內容樣式像下面:
  <style type="text/css" media="all">@import url(monkey.css);</style>
  這是為了照顧老版本瀏覽器,比如Netscape4不支援@規則所以不能連結樣式表,已經構建好標籤的HTML頁面會失去樣式表提供的功能。
  Media types
  media@規則應用內容使用特定媒體,比如列印,例如:

 代碼如下 複製代碼
@media print {
      body {
     font-size: 10pt;
     font-family: times new roman, times, serif;
      }
      #navigation {
     display: none;
      }
}

  媒體形式:
  all,所有媒體。
  aural,言語合成器。
  handheld,行動裝置
  print,列印
  projection,投影
  screen,電腦螢幕
  你還可以使用braille,embossed,tty或者tv。
  注意:說了這麼多,IE只支援all,screen和print。
  Charachter sets 字元設定
  charset@規則簡單設定外部樣式裡的編碼。它出現在樣式的最上面例如@charset "ISO-8859-1";
  Font faces 字型外觀
  font-face@規則用來詳細描述字型,可以在CSS裡嵌入外部字型。
  它需要font-family描述符引用字型,它的值可以是字型的名稱或是新命名一個。嵌入一個字型,使用src描述符。其他添加到font-face@規則裡的描述符將影響正在使用的內含字型,例如如果你添加font-weight: bold粗體到@規則,font-family的src只能運用到帶有font-family屬性的選取器裡,而且選取器裡font-weight屬性同樣設定成bold。
  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.