css3元素私有字首及其用法

2021-07-31 11:28:10 字數 592 閱讀 6381

在css3模組標準尚未被w3c批准或者標準所提議的特性尚未被瀏覽器完全實現時,瀏覽器廠商會使用所謂的私有字首來測試「試驗性的」css 特性。這樣,瀏覽器設計者實現了 css3的新模組,但對使用 css3的開發者來說則很繁瑣。看看 css3中實現圓角的**:

.round

.round

這樣寫會覆蓋 firefox、chrome和 safari,以及任何已經完全實現了該規則的瀏覽器。我知道你在想什麼,對同乙個屬性寫多個私有字首宣告是否會造成**臃腫?確實會有那麼一點。但無論追加多少字首屬性,相對於而言,這仍然是乙個更加快速、優雅且健壯的解決方案。

在討論**應用之前,最好先看看當前瀏覽器使用率的分布情況。這樣做會讓我們對支援哪些瀏覽器更胸有成竹。例如,如果時間和預算都很緊張,你可能會決定不對任何在你的**上使用率小於 3%的瀏覽器提供私有字首支援。此時你需要根據一組資料來做判斷。

現在我們知道了字首的**,以及如何在規則中應用它。接下來我們看一些快速而有效的 css3技巧。

通俗解釋CSS3元素選擇器

w3c上關於下列的元素選擇器的解釋讓人有些抓腦,有些不知所云。下面就用比較通俗的形式來解釋比較繞的那幾個元素選擇器。帶有 child 帶有 type only child only of type first child first of type last child last of type n...

css3私有屬性字首及主流瀏覽器核心

現代瀏覽器的核心,主流內容主要有mozilla 熟悉的有firefox,flock等瀏覽器 webkit 熟悉的有safari chrome等瀏覽器 opera opera瀏覽器 trident 討厭的ie瀏覽器 根據不同的核心,一些私有屬性的css字首不一樣 mozilla核心 css字首 moz...

CSS頁面布局基礎3 元素浮動

1.浮動 float 是基於css的現代web設計用到的主要功能之一,可以用它來建立多累的網頁布局,從無序列表建立導航工具條,不是用table而建立類似 的對其方式等。為使元素浮動到左邊或者右邊,並使後面的文字環繞它,可使用float屬性,float屬性的取值是 none 不浮動 left 向左浮動...