今天給大家一起學習一下如何建立 css吧！
小常說一下：累了可以休息，但跟放棄沒關係。
除了自己，任何人都無法給你力量。一起 加油吧！
如何插入樣式表
當讀到乙個樣式表時，瀏覽器會根據它來格式化 html 文件。
插入樣式表的方法有三種：
外部樣式表(external style sheet)
內部樣式表(internal style sheet)
內聯樣式(inline style)
外部樣式表
當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。 標籤在（文件的）頭部：
hr
p body
例項如下：
我曾經跨過山和大海
我曾經擁有著一切
不要在屬性值與單位之間留有空格（如：「margin-left: 20 px」 ），正確的寫法是 「margin-left: 20px」 。
內部樣式表
當單個文件需要特殊的樣式時，就應該使用內部樣式表。你可以使用
我曾經跨過山和大海
我曾經擁有著一切
由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在乙個元素上應用一次時。
this is a paragraph
如果某些屬性在不同的樣式表中被同樣的選擇器定義，那麼屬性值將從更具體的樣式表中被繼承過來。
例如，外部樣式表擁有針對 h3 選擇器的三個屬性：
h3h3color: red;
text-align: right;
font-size: 20pt;
多重樣式優先順序
樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中，在 html 頁的頭元素中，或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。
一般情況下，優先順序如下：
內聯樣式）inline style > （內部樣式）internal style sheet >（外部樣式）external style sheet > 瀏覽器預設樣式
優先順序就是分配給指定的css宣告的乙個權重，它由匹配的選擇器中的每一種選擇器型別的數值決定。
優先順序順序
下列是乙份優先順序逐級增加的選擇器列表：
通用選擇器（*）
元素(型別)選擇器
類選擇器
屬性選擇器
偽類id 選擇器
內聯樣式
!important 規則例外
當 !important 規則被應用在乙個樣式宣告中時,該樣式宣告會覆蓋css中任何其他的宣告, 無論它處在宣告列表中的**. 儘管如此, !important規則還是與優先順序毫無關係.使用 !important 不是乙個好習慣，因為它改變了你樣式表本來的級聯規則，從而使其難以除錯。
一些經驗法則：
always 要優化考慮使用樣式規則的優先順序來解決問題而不是 !important
only 只在需要覆蓋全站或外部 css（例如引用的 extjs 或者 yui ）的特定頁面中使用 !important
never 永遠不要在全站範圍的 css 上使用 !important
never 永遠不要在你的外掛程式中使用 !important
權重計算:
解釋：內聯樣式表的權值最高 1000；
id 選擇器的權值為 100
class 類選擇器的權值為 10
html 標籤選擇器的權值為 1
利用選擇器的權值進行計算比較，em 顯示藍色，示例如下：
red
em red
red
a 選擇器都有乙個權值，權值越大越優先；
b 當權值相等時，後出現的樣式表設定要優於先出現的樣式表設定；
c 創作者的規則高於瀏覽者：即網頁編寫者設定的css 樣式的優先權高於瀏覽器所設定的樣式；
d 繼承的css 樣式不如後來指定的css 樣式；
e 在同一組屬性設定中標有「!important」規則的優先順序最大；示例如下：
color
color
小常提醒請注意哦：
站點和站點內的資料夾名字最好都不要起中文，有可能會造成亂碼！
記住要養成隨時儲存檔案內容的習慣！
如何建立CSS
插入樣式表的方法有三種 當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用標籤鏈結到樣式表。標籤在 文件的 頭部 瀏覽器會從檔案 mystyle.css 中讀到樣式宣告，並根據它來格式文件。hr p body 不要...
CSS學習 CSS 建立
當讀到乙個樣式表時，瀏覽器會根據它來格式化 html 文件。插入樣式表的方法有三種 外部樣式表 內部樣式表 內聯樣式 當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用標籤鏈結到樣式表。標籤在 文件的 頭部 rel...
css繪製卡券優惠券 如何使用css建立乙個優惠券
需求場景 新增優惠券類目,展示使用者的優惠券 常見的設計樣式如下圖,核心為半圓 分步拆解 網上有幾種方案 一種是boder clip的形式,裁剪出4個小半圓角,拼湊在一起 一種是radial gradient徑向漸變,相對上一種需要考慮其相容性 一種是使用背景,特點是載入稍慢,體驗比css差,相容性...