css指層疊樣式表
為什麼用css？？
html描述了要呈現的內容，而css則定義了這些內容的呈現形式，比如字型，顏色等。使用css能夠將頁面內容呈現形式有效分類，有利於分工合作，也有利於快速更換不同的呈現形式。
使用樣式表可以有三種方式：
（1）內聯樣式內部
將樣式定義在style屬性中，只有對當前標籤有效，內容和表現形式高度耦合
弊端：維護困難，不利於分工合作。只能應用於當前標籤。
（2）內部樣式：
在標籤中通過標籤來定義
內容和表現形式降低了耦合程度，但都還是在html中，沒有實現完全分離。（但不徹底）
定義的樣式只能應用於當前頁面有效，重複應用率低。
（3）外部樣式表
首先需要定義乙個樣式表檔案（.css）p
css中可以使用注釋，形式為/**/
然後在需要使用這些樣式的html檔案中引入該樣式表檔案
外部樣式表使得內容和表現現形式的徹底分離，有利於分工合作及維護，可在多個html中引用。
推薦使用外部樣式
但後面的案例為了方便，會會大量使用內部樣式甚至內聯樣式。
顏色（紅 綠 藍）
需要將需要連續的量（無窮）轉化為離散的量（有限的）所有的顏色都可以由紅色（red）、綠色（green）、和藍色（blue）三種顏色調配而成，這三種顏色俗稱三原色。
css中用8位表示乙個顏色，那麼可以表示256（2的8次方）種顏色，那麼每個顏色值為24位來表示的。即256種顏色，所以總共可以表示256*256*256種顏色
css中有多種顏色表示形成；
（1）十六進製制形式
ff00
00;">dddddddddddddddd
每倆種符號表示一種顏色
（2）rgb顏色
lllllllllll
（3）rgba顏色
在rgb顏色基礎上增加了透明度分量（alpha),該分量的取值範圍為0（完全透明）~1（完全不透明）。
(4)hsl顏色
顏色也可以由另外三個分量表示，即色調.飽和度。透明度（亮度）。
hsl
（5）hsla顏色
在hsl顏色的基礎上增加了alpha分量）
hsl
（6）預定義顏色
css提供了一些常用的預定義顏色用（符號和數字表示）
1.3 尺寸單位
cm:厘公尺絕對
mm：公釐絕對
in：英吋（inch）對角線
px：畫素（pixel
）絕対単位
%：百分比，相對尺寸單位
em：相對單位，基準點為父節點字型的大小，如果自身定義了font-size按自身來計算（瀏覽器預設字型是16px），整個頁面內1em不是乙個固定的值。
1. em的值並不是固定的；
2. em會繼承父級元素的字型大小。
所以我們在寫css的時候，需要注意兩點：
1. body選擇器中宣告font-size=62.5%；
2. 將你的原來的px數值除以10，然後換上em作為單位；
3. 重新計算那些被放大的字型的em數值。避免字型大小的重複宣告。 也就是避免1.2 * 1.2= 1.44的現象。
比如說你在#content中宣告了字型大小為1.2em，那麼在宣告p的字型大小時就只能是1em，而不是1.2em,因為此em非彼em，它因繼承#content的字型高而變為了1em=12px。
vw：viewpoint width，視窗寬度，1vw等於視窗寬度的1%。
vh：viewpoint height，視窗高度，1vh等於視窗高度的1%。
vmin：vw和vh中較小的那個。
vmax：vw和vh中較大的那個。
那些是絕対単位？那些是相對單位？
px，pt，cm，mm這些定值都是絕對單位，
em，%這些是相對單位，沒有參照就沒有值
進製1. 計數的方法
2. 2 基：某種計數方法所需數的個數
權：某位「1」代表的值
background-color:red
p{background-color:red
font-size:13px
2.1字型相關屬性
font-family:字型名稱
font-size:字型大小
font-style:字形(斜體等)
font-variant：字形變化(如大寫)
font-weight:字型粗細
font-family: 宋體;
font-size: 500px;
font-style: italic;
font-variant: small-caps;
font-weight: 800;
可以簡寫。書寫順序
font-style font-variant
前面三個可預設，使用預設值，font-size和font-family必須指定值這種方式更簡潔
文字相關的屬性
文字相關的屬性主要包括顏色，對齊方式，等
color設定文字顏色
text-decoration：修飾
none：預設值，沒有裝飾效果
underline：加上下劃線
line-through/加刪除線
text-shadow;增加陰影，text-shadow:red5px10px含義是定儀乙個紅色的背景，水平方向上移5px，垂直方向向上上移10相片px
direction:ltr
從左往右；
rtl自右至左
text-align：文字對齊方式
left：左對齊
right;右對齊
center;居中對齊
justify：倆端對齊
vertical-align:align;
垂直對齊方式
top：靠上對齊
bottom;
靠下對齊
middle
：居中對齊
text-indent:
文字縮排
letter-spacing;
字元之間的間距
word-spacing
：字（單詞）間距
line-height
：設定行高，實際上是調整行間距
css學習 css基礎
子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname，也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...
css基礎學習
1.class和id 1 同一id在乙個頁面內只能應用一次，而class則是 用於描述多次出現的元素。2 class的定義方法 指定標籤 類名 id的定義方法 指定標籤 id名 class的應用方法 指定標籤 class 類名 id的應用方法 指定標籤id id名 2.css的引用 1 內部樣式 段...
CSS基礎學習
1.css cascading style sheet 層疊樣式表 css是對html的補充 css實現了網頁內容和頁面效果的分離 2.有三種方式可以將樣式表加入到html文件中 1 內聯樣式表 2 嵌入樣式表 3 外部樣式表link 3.樣式規則選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 ...