學習前端開發,那你值得css的特點有哪些?

2021-10-03 13:46:05 字數 913 閱讀 3246

css(cascading style sheets,層疊樣式表),它是一種用來表現html或xml等檔案樣式的計算機語言,是用來表示html樣式的一種程式語言,是可以做到網頁和內容進行分離的一種樣式語言。

css語言的特點

css為html標記語言提供了一種樣式描述,定義了其中元素的顯示方式。css在web設計領域是乙個突破。利用它可以實現修改乙個小的樣式更新與之相關的所有頁面元素。

總體來說,css具有以下特點:

豐富的樣式定義

css提供了豐富的文件樣式外觀,以及設定文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改

css可以將樣式定義在html元素的style屬性中,也可以將其定義在html文件的header部分,也可以將樣式宣告在乙個專門的css檔案中,以供html頁面引用。總之,css樣式表可以將所有的樣式宣告統一存放,進行統一管理。

另外,可以將相同樣式的元素進行歸類,使用同乙個樣式進行定義,也可以將某個樣式應用到所有同名的html標籤中,也可以將乙個css樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式宣告進行修改。

多頁面應用

css樣式表可以單獨存放在乙個css檔案中,這樣我們就可以在多個頁面中使用同乙個css樣式表。css樣式表理論上不屬於任何頁面檔案,在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。

層疊簡單的說,層疊就是對乙個元素多次設定同乙個樣式,這將使用最後一次設定的屬性值。例如對乙個站點中的多個頁面使用了同一套css樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義乙個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。

頁面壓縮

前端學習的小筆記 CSS

一 適配多解析度的css 通過判斷當前瀏覽器尺寸載入不同的css檔案 無限定條件的css載入檔案必須放在有限定條件的載入檔案前面,不然頁面載入會先載入限定條件的css檔案。判斷解析度的css檔案需要按width或者height從大到小依次往下排,頁面載入的時候會根據順序從下往上判斷,例如 選擇條件是...

前端學習 Css 樣式的繼承

像兒子可以繼承父親的遺產一樣,在css中,祖先元素上的樣式,也會被他的後代元素所繼承,利用繼承,可以將一些基本的樣式設定給祖先元素,這樣所有的後代元素將會自動繼承這些樣式。但是並不是所有的樣式都會被子元素所繼承,比如 背景相關的樣式都不會被繼承 邊框相關的樣式 定位相關的 doctype html ...

前端學習 Css 字型的幾個屬性學習

可選值 normal,預設值,文字正常顯示 italic 文字會以斜體顯示 oblique 文字會以傾斜的效果顯示 大部分瀏覽器都不會對傾斜和斜體做區分,也就是說我們設定italic和oblique它們的效果往往是一樣的 一般我們只會使用italic 可選值 normal,預設值,文字正常顯示 bo...