5種css寫法比較,本文列出5種方法的優缺點

2021-05-22 12:18:04 字數 832 閱讀 7800

一、使用style屬性

將style屬性直接加在個別的元件標籤裡,《元件(標籤) style="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}

這種方法優點:可靈巧應用樣式於各標籤中。方便於編寫**時的使用。

這種方法缺點:沒有整篇檔案的「統一性」,在需要修改某樣式的時候也變的比較困難。

二、使用style標籤

將樣式規則寫在標籤之中。

例如:通常是將整個的結構寫在網頁的部份之中。

三、使用 link標籤

將樣式規則寫在.css的樣式檔案中,再以標籤引入。

假設我們把樣式規則存成乙個example.css的檔案,我們只要在網頁中加入:

這樣引入該css樣式表檔案以後,就可以直接套用該樣式檔案中所制定的樣式了。 通常是將link標籤寫在網頁的部份之中。

這種方法的優點:可以把要套用相同樣式規則的數篇檔案都指定到同乙個樣式檔案中,可以進行統一的修改,也便於整站的設定有統一的風格。一般css網頁 布局都使用此種方法。

這種方法的缺點:在個別檔案或元素的靈活度不足。

四、使用@import引入

跟link方法很像,但必須放在中:

例如:要注意的是,行末的分號是必須的!千萬不能漏寫!

這種方法的優點:可以靈活的引入css檔案對xhtml元素進行控制。有時候也用來編寫某些css hack。

這種方法的缺點:在個別檔案或元素的靈活度不足。

五、使用標記引入樣式

這種方法優點:可靈巧應用樣式於各標籤中。方便於編寫**時的使用。

這種方法缺點:沒有整篇檔案的「統一性」,在需要修改某樣式的時候也變的比較困難。

5種開源協議比較

bsd開源協議是乙個給於使用者很大自由的協議。基本上使用者可以 為所欲為 可以自由的使用,修改源 也可以將修改後的 作為開源或者專有軟體再發布。但 為所欲為 的前提當你發布使用了bsd協議的 或則以bsd協議 為基礎做二次開發自己的產品時,需要滿足三個條件 如果再發布的產品中包含源 則在源 中必須帶...

5種實現垂直居中css

在我們製作頁面的時候經常會遇到內容垂直居中的需求,今天分享5種垂直居中的方法,每種方法都有自己的優缺點,可以選擇自己喜歡的方式。以下 都經過本人親自測試。style content style div class content vertical align middle div style con...

5種型別快取比較說明

1.存在於客戶端還是服務端 viewstate 基於webform cookie session 在服務端的儲存方式包括4中,記憶體 最常用 asp.net state service windows服務 資料庫 自定義狀態提供程式 2.有效時間 只要頁面關閉,其狀態就失效 包括臨時cookie和永...