css的頂層樣式表由兩種規則組成的規則列表構成,一種稱為at—rule規則,也就是at規則,另一種是qualified rule,也就是普通規則。今天就學習一下at規則
用於提示css檔案使用的編碼方式,必須在最前面使用
@charset "用於引入乙個css檔案,除了@charset規則不會被引入,可以引入乙個檔案的全部內容。utf-8
";
@import "mystyle.css";
@import url(
"mystyle.css
");
@import [ | ]它能對裝置的型別進行一些判斷,在media的區塊中,是普通規則列表[ supports( [
| ] ) ]?
? ;
@media print我也經常用來做響應式布局的補充,如:}
// 在width: 768px以下是使用下列布局
@media screen and (max-width: 768px)用於分頁**訪問網頁時的表現設定,頁面是一種特殊的盒模型結構,除了頁面本身,還可以設定它周圍的盒。.footer-div-footer p
.footer-div p
}
@page產生一種資料,用於定義列表項的訊息@top-right
}
@counter-style ********keyframes產生一種資料,用於定義動畫關鍵幀
@keyframes diagonal-slideyongyu定義一種字型,icon font技術就是利用這個特性實現的to }
@font-face檢查環境的特性,它與media類似p
用於跟xml命名空間配合的乙個規則,表示內部的css選擇器全都帶上特定的命名空間
用於設定視口的一些特性,不過相容性目前不是很好,多數時候被heml的meta代替
以上內容為個人的學習筆記,僅作為學習交流之用。
posted @
2019-02-25 23:31
dawnzhang 閱讀(
...)
編輯收藏
css單位你知道多少?
二 相對單位 em rem pt pc ex ch 百分比單位 vw vh vm 即畫素pixel,它是最基礎也是最常用的乙個長度單位,絕對單位,頁面按精確畫素展示 相對長度單位,瀏覽器的度量單位,相對於物理畫素 顯示器螢幕解析度 1px在高畫質螢幕下可能占用2個物理畫素 甚至3個物理畫素,這個單位...
sizeof,你知道多少
今天去參加面試,筆試的第一道題就是這個sizeof的用法,考了六七個,平時覺得很熟,真拿來考到迷糊了。有必要再總結一下。題是這樣的 在32位作業系統環境下,請問以下sizeof的值各是多少。一 int p 10 sizeof p 這個就簡單,int型變數p佔4個位元組,答案就是4.二 char p ...
Java Enum,你知道多少?
引用的列舉型別 public enum state 遍歷 for state s state.values 可以使用switch 列舉變數把列舉值作為case條件。enumsetstateset enumset.allof state.class for state s stateset enumm...