1.CSS概念
css：cascading style sheets歇父，層疊式樣式表围肥。規(guī)定了html標(biāo)簽在網(wǎng)頁(yè)上的現(xiàn)實(shí)樣式
2.CSS作用
樣式：html標(biāo)簽在頁(yè)面的顯示效果
某一標(biāo)簽有什么樣式，直接設(shè)置其屬性即可。具體來(lái)說(shuō)，一個(gè)是結(jié)構(gòu)樣式怯疤，一個(gè)是顯示樣式
3.CSS的幾個(gè)小屬性
1.文本樣式
字體，顏色催束，大小
font-family：復(fù)合屬性集峦，字體類型，包括英文和中文字體抠刺。書(shū)寫時(shí)塔淤，英文在前，中文在后速妖，可以多寫幾個(gè)高蜂，當(dāng)前邊找不到是，會(huì)從后邊的選擇罕容。中文字體寫成其對(duì)應(yīng)的英文寫法备恤，會(huì)加快加載速度稿饰。
font-size：復(fù)合屬性，文字大小露泊，單位為像素（px）
font-weight：復(fù)合屬性喉镰，文字粗細(xì)
-
color：文字顏色，rgb滤淳，rgba梧喷，十六進(jìn)制。red脖咐，blue等
h2 { font-family: "微軟雅黑","宋體"; font-size: 30px; font-weight: bold; color: red; }
2.容器基本屬性
width： 寬，單位為像素（px)汇歹，不寫單位不起作用屁擅。
height：高，同上产弹。
background-color：背景色派歌。
-
border：復(fù)合屬性，有多個(gè)值痰哨，用空格隔開(kāi)胶果。邊框的寬度，類型斤斧，顏色
p { font-family: "Arial"; font-size:20; font-weight: normal; color: blue; width:500px; height: 200px; border: 1px solid green; background: lightgray; }
4.CSS的書(shū)寫位置
根據(jù)書(shū)寫css的位置的不同早抠，將我們的樣式表分為三種：行內(nèi)式，內(nèi)嵌式撬讽，外鏈?zhǔn)健?/p>
-
行內(nèi)式：css屬性寫在標(biāo)簽的一個(gè)style屬性里蕊连。
<div style="font-size: 30px; font-weight: bold; color: red; width:100px; height: 40px; border: 1px solid green; background: lightgray;"> 行內(nèi)式 </div> -
內(nèi)嵌式：寫在html文件里，head標(biāo)簽內(nèi)的游昼，style標(biāo)簽內(nèi)：屬性type：text/css表示內(nèi)部寫的是純文本類型的css樣式代碼
<html> <head> <style type="text/css"> h2 { font-family: "微軟雅黑","宋體"; font-size: 30px; font-weight: bold; color: red; } </style> </head> </html> 外鏈?zhǔn)剑簩ss單獨(dú)寫在一個(gè)css文件里甘苍，然后使用時(shí)鏈接到html文件中即可，以后詳細(xì)介紹
注意：常用內(nèi)嵌式和外鏈?zhǔn)胶嫱悖袃?nèi)式一般留給后端添加载庭。
5.CSS的注意事項(xiàng)
- html的屬性和屬性值，鍵值對(duì) ：k="v";
- css的屬性和屬性值廊佩，鍵值對(duì)：k:v;
- 多屬性之間用分號(hào)分割囚聚，空格換行不影響
- 自己書(shū)寫代碼時(shí)，要進(jìn)行合理的換行和壓縮
- 上傳到網(wǎng)上時(shí)罐寨，為了提高加載速度靡挥，需要將所有的空格，縮進(jìn)鸯绿，換行等刪除跋破，壓縮代碼簸淀。網(wǎng)上有在線工具。
