css簡述
1、css是什么 ？ 有什么作用
? HTML--頁面結(jié)構(gòu)，人的面部
CSS--美化頁面，給人化妝
2、css：層疊樣式表
層疊：一層一層疊加的
樣式表：存儲(chǔ)樣式的地方，多個(gè)樣式
給一個(gè)人的面部化妝：畫口紅，畫眼影，打粉底
HTML標(biāo)簽? ? ? ? ? ? ? ? ? ?樣式1? ? ?樣式2? ? ?樣式3
css通常稱為css樣式或疊層樣式表，主要用途設(shè)置HTML頁面中的文本內(nèi)容（字體、大小、對(duì)齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）、一級(jí)版面的布局等外觀顯示樣式
CSS可以使用HTML頁面更加好看，css+div布局更加靈活，更容易繪制出用戶需要的結(jié)構(gòu)
3、css作用：修飾HTML頁面，更豐富多彩地展示超文本信息
布局
float
? ? 通常默認(rèn)的排版方式，將頁面中的元素從上到下一一羅列，二實(shí)際開發(fā)中，需要左右暗示進(jìn)行排版，就需要使用浮動(dòng)屬性
?格式：選擇器（float：屬性值;）
left：元素向左浮動(dòng)
right：元素向右浮動(dòng)
注意：因?yàn)樵卦O(shè)置浮動(dòng)屬性后，會(huì)脫離原有文檔流，從而會(huì)影響其他元素的樣式，
所設(shè)置浮動(dòng)以后，頁面模式需要重新調(diào)整
css的語法：
格式：
選擇器{
屬性名1:屬性值1;
屬性名2:屬性值2;
.......
}
1.id選擇器：選擇具體的id屬性值元素。建議在每一個(gè)html元素中id值唯一。
#id屬性值{
//css代碼
}
2.元素選擇器：選擇具有相同標(biāo)簽名稱的元素。
標(biāo)簽名稱{
//css代碼
}
3.類選擇器：
.class的屬性值{
//css代碼
}
邊框：
border：HTML元素盒子的框體
四個(gè)屬性：
broder-top：上邊框
broder-right：有邊框
broder-bottom：下邊框
broder-left：左邊框
通用設(shè)置（簡寫）一次性設(shè)置上下左右邊框樣式
border:1px solid red; 1像素的實(shí)線紅色邊框
內(nèi)邊距
padding：HTML元素里的內(nèi)容體到HTML元素邊框的距離
四個(gè)屬性：
? padding-top： 上內(nèi)邊距
padding-fight：右內(nèi)邊距
padding-bottom：下內(nèi)邊距
padding-left：左內(nèi)邊距
通用設(shè)置（簡寫）一次性設(shè)置上下左右邊框樣式
CSS和HTML的結(jié)合方式
內(nèi)部樣式
? ? 行內(nèi)樣式：通過標(biāo)簽的style屬性來設(shè)置元素的樣式
格式： <html 標(biāo)簽 style="css樣式代碼"/>
適用環(huán)境：更加針對(duì)性修改某個(gè)標(biāo)簽的效果
<style></style>標(biāo)簽方式：當(dāng)某些樣式在頁面中被多個(gè)標(biāo)簽重復(fù)使用，同意寫入到style標(biāo)簽中
格式：<style>css樣式代碼</style>
使用環(huán)境：適合頁面中進(jìn)行樣式復(fù)用
外部樣式
<link/>鏈入式： .css為擴(kuò)展名的外部樣式表文件中，通過</link>引入
格式：<link rel="stylesheet" type="text/css" href="css文件路徑"/>
rel="stylesheet" ：固定值，表示樣式表
type="text/css" ：固定值，表示CSS類型
href="css文件路徑" ： 表示CSS文件位置
1 palte? ?2? ?bento? ?3? ?#fancy? ?4? ?place apple? ?5? ?#fancy pickle 6? .small
-------------------------------------------------------------------------------------------------------------------------------------
