當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css语法和规则

發(fā)布時間：2023/12/2 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 css语法和规则小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

語法：

Selector{sRule!important;}

說明：

提升指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)。

IE6及以下瀏覽器有個比較顯式的支持問題存在，!important并不覆蓋掉在同一條樣式的后面的規(guī)則。請看下述代碼：
示例代碼：
div{color:#f00!important;color:#000;}
在上述代碼中，IE6及以下瀏覽器div的文本顏色為#000，!important并沒有覆蓋后面的規(guī)則；其它瀏覽器下div的文本顏色為#f00
IE6及以下瀏覽器要使!important生效，可用以下代碼：
示例代碼：
div{color:#f00!important;} div{color:#000;}
在上述代碼中，IE6及以下瀏覽器中div的文本顏色表現(xiàn)與其它瀏覽器一致，都為#f00

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>!important_CSS參考手冊_web前端開發(fā)參考手冊系列</title>
<meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test{color:#f00!important;color:#000;}
.test2{color:#f00!important;}
.test2{color:#000;}

?

語法：

@charset <charset>;

取值：
<charset>：
字符編碼。如：@charset "utf-8";

說明：
在外部樣式表文件內(nèi)使用。指定該樣式表使用的字符編碼。
- 該規(guī)則后面的分號是必需的，如果省略了此分號，會生成錯誤信息。
- 在外部css文件中寫法如下：
  示例代碼：
  
  ?
  
  語法：
  
  @font-face{font-family:name;src:<url>;sRules;}
  
  取值：
  <name>：
  字體名稱
  <url>：
  使用絕對或相對地址指定OpenType字體
  <sRules>：
  樣式表定義
  
  說明：
  設(shè)置嵌入HTML文檔的字體。
  - 通常使用.ttf(TrueType)和.otf(OpenType)兩種字體格式。
  - 嵌入HTML文檔的字體是指將OpenType字體（壓縮的TrueType字體）文件映射到客戶端系統(tǒng)，用來提供HTML文檔使用該字體，或取代客戶端系統(tǒng)已有的同名字體。即讓客戶端顯示客戶端所沒有安裝的字體。
  - 微軟的IE5已經(jīng)是開始支持這個屬性，但是只支持微軟自有的.eot(Embedded Open Type)格式，而其他瀏覽器直到現(xiàn)在都沒有支持這一字體格式。Safari從3.1開始已經(jīng)可以設(shè)置.ttf(TrueType)和.otf(OpenType)兩種字體做為自定義字體了。
  兼容性：
  - 淺綠 = 支持
  - 紅色 = 不支持
  - 墨綠 = 部分支持
  - 橙色 = 實(shí)驗(yàn)性質(zhì)
  支持版本\類型IEFirefoxSafariChromeOpera版本版本
  6-8 ^#1 4 5.1.7 13 11.5
  9-10 ^#2
- IE8及更早瀏覽器只支持微軟自有的.eot(Embedded Open Type)格式。
- IE9-10部分支持ttf和otf字體格式。
- IE7及更早瀏覽器不支持@import指定媒體類型和媒體查詢。
- IE8不支持@import指定媒體查詢。
- IE8及更早瀏覽器不支持媒體查詢。

6-8 ^#1	4	5.1.7	13	11.5
9-10 ^#2

6-7 ^#1	4	5.1.7	13	11.5
8 ^#2
9

6-9	4	5.1.7	13-23	11.5
10	5-18	12
16	12.1

6-8 ^#1	4	5.1.7	13	11.5
9

6-7	4-6	5.1.7	13	11.5
8

6	4	5.1.7	13	11.5

轉(zhuǎn)載于:https://www.cnblogs.com/waitingforbb/p/7107879.html

總結(jié)

以上是生活随笔為你收集整理的css语法和规则的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇：房屋租赁登记备案证明怎么办理？
下一篇： [bzoj3532][Sdoi2014]

生活随笔

生活随笔

编程问答

css语法和规则

語法：

說明：

語法：

取值：

說明：

語法：

取值：

說明：

兼容性：

示例：

語法：

取值：

說明：

兼容性：

示例：

語法：

取值：

說明：

兼容性：

示例：

語法：

取值：

說明：

兼容性(指定媒體類型)：

示例：

語法：

取值：

說明：

兼容性：

示例：

語法：

說明：

兼容性：

示例：

總結(jié)