css基礎(chǔ)
css的作用:css是對網(wǎng)頁進(jìn)行修改用于對網(wǎng)頁進(jìn)行美化,將外觀和樣式進(jìn)行分離
css有三種使用方式:
1.內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式蔫缸，是在標(biāo)簽上面直接加上style屬性际起，然后就css屬性寫到style屬性的值里面
內(nèi)嵌樣式
內(nèi)嵌樣式 就是通過style標(biāo)簽把css樣式寫到標(biāo)簽里面
3.外部樣式
通過link標(biāo)記引入css文件到html文檔中，在單獨的css文件里面寫入css樣式
Class選擇器
1.標(biāo)簽選擇器
? ? 通過寫在body\里的標(biāo)簽名直接在css加入標(biāo)簽名進(jìn)行修改
input{
width: 100px;
height: 30px;
}div{
? ? width:100px}
2.class選擇器
在body標(biāo)簽中加入class標(biāo)簽的標(biāo)簽可以使用class選擇器,對相同類型的class值進(jìn)行修改(一塊修改),在標(biāo)簽前面加.
.sex{
height: 60px;
}
3.id選擇器?一般布局不太會去使用它來進(jìn)行樣式修飾 在css選擇器里面 # 代表HTML里面的id
id 它是唯一的 校翔，它相當(dāng)于咱們的身份證灾前；
#box{
width: 300px;
height: 300px;
background: red;
}
css選擇器的優(yōu)先級別
內(nèi)聯(lián)樣式 > id選擇器 > class選擇器 > 標(biāo)簽選擇器
內(nèi)聯(lián)樣式 > 內(nèi)嵌樣式 > 外部樣式的優(yōu)先級別
一般在項目里面基本上使用的都是外部樣式
css屬性值
css屬性值一般用來定義當(dāng)前屬性樣式外觀的呈現(xiàn)方式:一般css屬性的值有多個選項過單個選項
值的基本類型分為
1.色彩
2.尺寸
3.方位
色彩可以是1.直接是單詞如:red,blue等
? ? ? ? ? ? ? ? ? 2.16進(jìn)的顏色值:如#fff(黑色)#000(白色等)
? ? ? ? ? ? ? ? ? 3.rgb
尺寸1.px(像素)
? ? ? ? 2.cm(厘米)
? ? ? ? 3.%(百分比)
vm視寬寬
vh視寬高
vm 和 vh 的視寬都是通過瀏覽器窗口實現(xiàn)區(qū)域計算的
