cascading style sheet層疊樣式表
標籤：…之類的標籤 使用方式：直接輸入標籤名
類（class）：class名字 使用方式：輸入點+class名
id:id名 使用方式：輸入#+id名
一般來說我們寫css檔案的時候用的都是第二種方法，class名
這是因為id名一般被用作js的選擇器
給class命名也是有規範的，像***-***x 這樣做的好處是讓你的**更清晰
別人也更容易看懂
行內樣式（內嵌樣式）：
直接寫在標籤裡，使用style屬性，只對當前標籤有效，頁面內容和表現形式是高度耦合的，不利於分工合作
內部樣式（內聯樣式）：
內部樣式是在head部分使用標籤，樣式對當前頁面有效，內容和表現形式實現了一定程度的分離，但不徹底
外部樣式（外聯樣式）：
外部樣式需要乙個link標籤來與html連線起來，內容與表現形式完全分離，而且任何需要用到改樣式的頁面都可以通過link標籤連線的方式來實現
text-align（對齊方式）：center（居中）/left（靠左）/right（靠右）
font-size（字型大小）：56px/24px /xxpx
font-family（字型體系）：「黑體」/「幼圓」
font-style（是否傾斜）: italic（傾斜）/normal（正常）
font-weight（字型粗細）：100/200/normal（400）/bold（700）/bolder
font-variant（是否大寫）：normal/small-caps（小型大寫）
color（字型顏色）：blue/red/pink/black/green/#ffffff/#f6f6f6
text-decoration: none（預設格式，無）/underline（下劃線）/overline（上劃線）/line-through
direction(文字方向): ltr(left to right從左到右)/rtl（right to left從右到左）
text-transform(大小寫): none（預設）/capitalize(首字母大寫)/uppercase（全部大寫）/lowercase(全部小寫)
line-height(行高): normal/xx px
letter-spacing(字元間距): 2px/5px /***px
word-spacing(單詞間距)：normal/2px/5px/***px
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...