cascading style sheet層疊樣式表標籤：
>
>
…之類的標籤 使用方式：直接輸入標籤名
類（class）：class名字 使用方式：輸入點+class名
id:id名 使用方式：輸入#+id名一般來說我們寫css檔案的時候用的都是第二種方法，class名這是因為id名一般被用作js的選擇器
給class命名也是有規範的，像***-***x；這樣做的好處是讓你的**更清晰
別人也更容易看懂
行內樣式（內嵌樣式）：
直接寫在標籤裡，使用style屬性，只對當前標籤有效，頁面內容和表現形式是高度耦合的，不利於分工合作
內部樣式（內聯樣式）：
內部樣式是在head部分使用
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
前端基礎（4） css盒模型
盒模型是css布局的基石，它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間，即都包含邊框 邊界 補白 內容區，這就是盒模型。說明 填充 padding,在設定頁面中乙個元素內容到元素的邊緣 邊框 之間的距離。也稱補白。用法 1 用來調整內容在容器中...
前端基礎（4） CSS 基礎語法（1）
日期 2017 10 26 通過使用 css 我們可以大大提公升網頁開發的工作效率！html 標籤原本被設計為用於定義文件內容，如下例項 這是乙個段落。樣式表定義如何顯示 html 元素，就像 html 3.2 的字型標籤和顏色屬性所起的作用那樣。樣式通常儲存在外部的 css 檔案中。通過僅僅編輯乙...
Web前端基礎知識整理 CSS篇
css手冊 選擇器 一 元素選擇符 通配選擇符 選擇所有元素 型別選擇符 e 以文件物件型別作為選擇符 id選擇符 e id 以唯一識別符號id屬性等於id的e物件作為選擇符 class選擇符 e.class 以class屬性包含class的e物件作為選擇符 二 關係選擇符 包含選擇符 e f 選擇...