CSS語法和規則

2022-08-02 18:51:10 字數 1307 閱讀 4668

!important

css1

提公升指定樣式條目的應用優先權。

/*comment*/

css1

css中的注釋 /* 這裡是注釋內容 */

@import

css1/3

指定匯入的外部樣式表及目標**。該規則必須在樣式表頭部最先宣告

@charset

css2

在外部樣式表檔案內使用。指定該樣式表使用的字元編碼。

@media

css2/3

指定樣式表規則用於指定的**型別和條件。

@font-face

css3

設定嵌入html文件的opentype字型。

@page

css2

設定頁面容器的版式,方向,邊空等。

@keyframes

css3

指定動畫名稱和動畫效果。

@import:指定匯入的外部樣式表及目標**。該規則必須在樣式表頭部最先宣告。並且其後的分號是必需的,如果省略了此分號,外部樣式表將無法正確匯入,並會生成錯誤資訊。ie使用@import無法引入超過35條的樣式表。

/*

指定**查詢

*/@import url(example.css) screen and (min-width:800px);

@import url(example.css) screen and (width:800px),(color);

@import url(example.css) screen and (min-device-width:500px) and (max-device-width:1024px);

@charset;

:字元編碼。如:@charset "utf-8";

說明:在外部樣式表檔案內使用。指定該樣式表使用的字元編碼。該規則後面的分號是必需的,如果省略了此分號,會生成錯誤資訊。

@charset "utf-8";

body div ...

@media:  指定樣式表規則用於指定的**型別和查詢條件。

@media screen and (width:800px)@import url(example.css) screen and (width:800px);

<?xml-stylesheet media="screen and (width:800px)" rel="stylesheet" href="example.css" tppabs="" ?>

CSS語法之 規則 at rule

at rule由乙個 關鍵字和後續的乙個區塊組成,如果沒有區塊,則以分號結束。用於提示css檔案使用的字串編碼方式,它如果被使用,必須出現在最前面。這個規則只是在給出語法解析階段前使用,並不影響頁面上展示效果。charset utf 8 用於引入乙個css檔案,除 charset規則不會被引入外,可...

CSS語法縮寫規則,減少CSS檔案的大小

使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則如下 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸通常有下面四種書寫方法 方便的記憶方法是順時針,上右下左。具體應用在margin和p...

CSS 結構和規則

基本語法 規則選擇符 任何html元素都可以是乙個css1的選擇符。選擇符僅僅是指向特別樣式的元素。例如,p 當中的選擇符是p。類選擇符 單乙個選擇符能有不同的class 類 因而允許同一元素有不同樣式。例如,乙個網頁製作者也許希望視其語言而定,用不同的顏色顯示 code.html code.css...