1拐辽，css簡介
CSS英文全稱(Cascading Style Sheets)炉奴，中文名稱“層疊樣式表”，又稱串樣式列表克蚂，階層式樣式表闺鲸。一般用來結(jié)構(gòu)化文檔，如為HTML文檔添加樣式（如字體埃叭，顏色摸恍，間距等）的計(jì)算機(jī)語言。有W3C維護(hù)喝定義游盲，另误墓，CSS不單獨(dú)使用。
CSS是確定HTML的外觀益缎，可適用于設(shè)定頁面布局谜慌、頁面元素樣式、網(wǎng)頁的全局樣式莺奔。由多個規(guī)則組成欣范，每個規(guī)則由選擇器（seector)，屬性（property）和值（value）組成令哟。
2恼琼，引入CSS的四種方式
1，內(nèi)聯(lián)樣式屏富，就是把樣式直接寫在標(biāo)簽上晴竞，也叫做style屬性。
<body style="background-color: red;">表設(shè)定html中body的背景顏色為紅色狠半。
2噩死，style標(biāo)簽：<style></style>要設(shè)定樣式的內(nèi)容用花括號括起來，一般寫在html的head里面神年。
<style>
body{
background-color: red
∫盐｝
</style>
3，用link標(biāo)簽的方式引入（stylesheet）已日，也叫做外部樣式垛耳。
<link rel="stylesheet" href=",/a.css"> 表示引入當(dāng)前文件下的a.css文件。
4，在css里引入另一個css堂鲜。
如在a.css文件檔里引入b.css
需在第一行輸入：@import url(./b.css);
3栈雳，CSS中的橫向布局。
做css橫向布局只能用到（浮動“float”）這一種方式泡嘴。
style = " float : left "
做橫向布局用到浮動t時甫恩，所有子元素浮動則它們的父級元素必須要添加“clearfix”。一般分兩步酌予。
1磺箕，把所有子元素添加 style = " float : left "。
2抛虫，給子元素的父親添加一個clearfix的類松靡，也就是 class = "clearfix"。
.clearfix::after{
content: ' ';
display: block; 這就是clearfix的類建椰。
clear: both;
}
4雕欺，CSS元素使用雜記。
1棉姐，高度由什么決定屠列？
div塊級元素的高度由其內(nèi)部文檔流的高度總和決定。
文檔流的定義：元素在文檔中的流動方向伞矩。
流動方向：
內(nèi)聯(lián)元素的流動方向從左往右笛洛。
塊級元素的流動方向從上往下，每一塊占一行乃坤。若想讓塊級元素一個挨著一個可以使用 display: inlink-block;
內(nèi)聯(lián)元素的高度一般是不可測的苛让，但當(dāng)字體較小時，我們可以用line-height來控制內(nèi)聯(lián)元素的高度湿诊。
2狱杰，絕對定位
絕對定位分兩步：一是在子元素上寫 position: absolute:。二是在父元素上寫 position: relative;厅须。
定位方式positiond的取值有：absolute仿畸、relative、fixs朗和、static错沽、sticky。
style="list-style:none" 表規(guī)定列表沒有樣式例隆，一般寫在ul、li里抢蚀。
text decoration: none; 表示去掉內(nèi)容的下劃線镀层。
font-weight: bold; 表字體加粗；
font-family: #;表設(shè)定字體；
border: 1px solid transparent; 表示邊框?yàn)?像素的實(shí)心透明色框唱逢；
color: inherit;表示繼承父元素顏色吴侦；
max-width: ...px; 表示最大寬度是...像素，自適應(yīng)屏幕坞古；
設(shè)置span寬高時盡量不適用width备韧、height』痉悖可以用 display：link-block;寬高不夠的話用padding來彌補(bǔ)织堂，等等。奶陈。易阳。
