一、css
隨著全球資訊網的出現，對html要求越來越多，迫於壓力，html出現,,等標籤，幾年後暴露出嚴重的問題。1.由於html既寫結構性又寫樣式，導致頁面缺乏結構性，既降低了網頁的可訪問性。2.頁面維護越來越困難。
與html相比，css支援更豐富的文件外觀，可以為任何元素的文字和背景設定顏色，允許在任何元素外圍設定邊框；允許改變文字的大小，裝飾（如下劃線）間隔，甚至可以確定是否顯示文字。
css 指層疊樣式表（cascading style sheets)
css就是控制頁面布局和樣式，以html為基礎，提供豐富的功能，如字型、顏色、背景的控制及整體排版等，而且還可以針對不同的瀏覽器設定不同的樣式。
二、css的語法結構
選擇器
屬性和屬性值之間用冒號（：）隔開，定義多個屬性時，屬性之間用應為輸入法下的分號隔開。
三、什麼是選擇器
實現css對html頁面樣式的控制，如果要讓這些樣式對html頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到css選擇器，html頁面中的元素就是通過css選擇器進行控制的。
四、選擇器的分類
基礎選擇器
標籤選擇器
類選擇器
id選擇器
復合選擇器
五、類選擇器
類選擇器是對html標籤中class屬性進行選擇，css類選擇器的選擇符是「.」類選擇器在css樣式編碼中是最常用到的。
使用步驟：
1.使用合適的標籤把要修飾的內容標記起來，如：web開發
2.使用class=「類選擇器名稱」為標籤設定乙個類，如下：web開發
3.設定類選擇器css樣式，如下：
.one
六、標籤選擇器其實就是html**中的標籤
charset="utf-8">
title>
p span
style>
head>
鋤禾日當午p>
汗滴禾下土span>
body>
id選擇器和類選擇器用法一樣，區別是同乙個hml頁面中不能有相同的id名稱（使用多個相同的id選擇器，瀏覽器不會報錯但是不符合w3c標準，所以id選擇器命名必須要唯一性）
charset="utf-8">
id選擇器的使用title>
/*id選擇器通過#來使用*/
#company_name
style>
head>
id="company_name">
阿里巴巴
div>
body>
1.不要使用漢字、拼音及html的標籤去命名乙個選擇器，反例：zhuce，p，a，daohang；
2.數字不能開頭，反例：1name，35age
3.符號置可以使用下劃線「_」，反例：my&&name,$money
九、id選擇器與類選擇器
（區別、使用場景等）
1：類選擇器：好比人的名字 劉德華 可以多人使用
2：id選擇器： 好比人的身份證唯一性 有且只能使用一次
3：不用於類選擇器，id選擇器不能結合使用
寫樣式的時候，大部分都是用類，極少的使用id，不提倡用id去寫樣式，因為他的權重太高，id主要是為了js做準備。
十、萬用字元選擇器
萬用字元選擇器用「*」表示，他是所有選擇器中作用範圍最廣的，能匹配頁面中所有的元素。
十一、css常用屬性
width 寬，height 高
color：前景色，一般用於設定文字顏色
background-color：背景顏色
font-size：字型大小，單位通常使用px（畫素）
text-align：設定位置，值可以使center，left，right等
font-family：設定字型樣式，如宋體等；
font-weight：設定字型加粗，normal 預設，bold加粗
font-style：設定字型風格，normal預設，italic斜體
十二、標籤元素分類
html中，根據顯示模式不同，將標籤分為幾類：
塊級標籤
行內標籤
行內塊標籤
十三、塊級標籤
在html中div,p,h1-h6,form等是塊級標籤
特點：獨佔乙個自然段
1.乙個塊級元素獨佔一行
2.元素的高度、寬度、行高及邊距都可設定
3.在不設定寬度的情況下，為充滿父容器（佔父級容器的100%，如果父級是瀏覽器，佔瀏覽器寬度的100%）
行內元素：
行內元素無法設定其上下邊距但是行內元素可以轉換為塊級元素
display ：block
行內元素轉換為行內塊元素 用 display：inline-block
十四、div與span
無語義標籤，沒有具體的含義和樣式
div可以理解為乙個容器，如果相對網頁中某一些元素組成乙個區域整體去設定css樣式，可以將這些元素放入乙個容器div中
span：文字，如果有一些文字沒有任何標籤包裹進行說明描述，想要對其設定css樣式，通過span包裹文字，設定類或id選擇器進行設定
十五、css語法和寫
文字屬性和寫
語法：
選擇器
必須按照順序去書寫，必須設定字型大小和字型
charset="utf-8">
title>
.fontall
style>
head>
class="fontall">自由的感覺span>
body>
六、標籤指定式選擇器
標籤制定選擇器（即。。。又。。。）
標籤制定式選擇器又稱交際選擇器，有兩個選擇器構成，其中第乙個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格，如h3.special或p#one
十七、後代選擇器（使用廣泛）
後代選擇權（包含選擇器）
後代選擇器用來選擇元素或元素組成的後代，其寫法就是把外層標記寫在前面，內層標記寫在後面，中間用空分離，當標記發生巢狀時，內層標記用稱為外層標記的後代，如:
.title
input
#content
a
八、並集選擇器
使用逗號「，」隔開多個選擇器，對多個標籤進行統一設定，可以說具體的標籤，可以說class，id
十九、專門用於input的選擇器
通過type去區分每乙個input標籤
input 【type=button】
二十、css優先順序
內聯樣式最大，內聯樣式的優先順序最高。
id選擇器的優先順序，僅次於內聯樣式。
類選擇器優先順序低於id選擇器
標籤選擇器低於類選擇器
二十一、css偽類
a:link鏈結預設狀態
a:visited鏈結訪問之後的狀態
a:hover滑鼠放到鏈結上現實的狀態
a:active鏈結啟用的狀態
：focus 獲取焦點
二十二、background
background-color:設定背景顏色
background-image:設定背景
background-repeat：設定背景平鋪
one-repeat repeat-x repeat-y
background-postion:設定背景位置
left,right,center,top,bottom
background-attachment 設定背景時候固定
背景的使用title>
body
style>
background:red url(「1.png」) no-repeat ；三、行高
瀏覽器預設的字型大小：16px
瀏覽器預設的字型行高：18px
行高=上邊距+字型大小+下邊距
如果行高單位是px，行高與文字大小無關
如果行高單位是em，行高=文字大小*行高值
如果行高單位是%，同上
如果行高沒有單位，同上
二十四、盒子模型
就是把html頁面中的元素看做是乙個矩形的盒子，也就是乙個盛裝內容的容器。每個矩形都由元素的內容、內邊距、邊框和外邊距組成
1.border
語言：
border：寬度 邊框的樣式 邊框的顏色
.box1
style>
css學習初級入門
先體驗下css的魅力，哈哈 乙個簡單的html 頁面層容器 頁面頭部 側邊欄主體內容 頁面底部 基本資訊 body a link,a visited a hover 頁面層容器 container 利用padding 20px 20px 0 0來固定選單位置 menu 新增了float right使...
css學習手冊 CSS布局入門
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...
CSS入門學習之一 CSS介紹
一直以來都想系統的學習css,但一直都沒找到一些系統的學習資料,今天突然在網上搜到了乙個學習css的 個人感覺知識點比較全.e文好的可以上去看看,本人也藉此機會邊翻譯邊學習css.什麼是css?css的英文全稱為cascading style sheets,中文譯為級聯樣式表,是一種用於簡化web頁...