建站必備的css屬性

時(shí)間：2023-07-07 06:09:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-07 06:09:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

建站必備的css屬性：****CSS一些常用屬性***
0.去掉下劃線 ：text-decoration:none ;
1.加上下劃線： text-decoration: underline;
2.調(diào)整文本和圖片的位置（也就是設(shè)置元素的垂直對(duì)齊方式）：vertical-align:-20px;
3.外邊距：margin
4.內(nèi)邊距：padding
5.居中；margin 0 auto;(只是針對(duì)盒子居中)
6內(nèi)聯(lián)標(biāo)簽是不可以設(shè)置長(zhǎng)寬的，有時(shí)候就得把內(nèi)聯(lián)標(biāo)簽變成塊級(jí)標(biāo)簽或者塊級(jí)內(nèi)聯(lián)標(biāo)簽，這就用到了display標(biāo)簽。。
1.將內(nèi)聯(lián)標(biāo)簽轉(zhuǎn)換成塊級(jí)標(biāo)簽：display:block;
2.將塊級(jí)標(biāo)簽轉(zhuǎn)換成內(nèi)聯(lián)標(biāo)簽：display:inline;
3.塊級(jí)內(nèi)聯(lián)標(biāo)簽：display；inline-block;
塊級(jí)內(nèi)聯(lián)標(biāo)簽可以像塊級(jí)一樣可設(shè)長(zhǎng)寬，也可像內(nèi)聯(lián)一樣在一行顯示
6.隱藏的兩個(gè)方法：display:none; #隱藏了會(huì)頂上去
visibility :hidden; #隱藏了不會(huì)頂上去
7.隱藏溢出的兩個(gè)方法：overflow :auto;
overflow :scoll; #帶滾動(dòng)條
8.文本水平居中：text-align:center;
文本垂直居中：line-height;
9.偽類；
1.沒(méi)訪問(wèn)之前： a:link{color:red;}
2.鼠標(biāo)懸浮時(shí)： a:hover{color:green;}
3.訪問(wèn)過(guò)后： a:visited{color:yellow;}
4.鼠標(biāo)點(diǎn)擊時(shí) a:active{color:blue;}
5.在p標(biāo)簽屬性為c2的后面加上內(nèi)容
p.c2:after{
content:'hello';
color:red;
}
6.在p標(biāo)簽屬性為c2的錢(qián)面加上內(nèi)容
p.c2:before{
content:'啦啦啦';
color:red;
}
10.position的四種屬性
1.static：默認(rèn)位置
2.fixed：完全脫離文檔流，固定定位(以可視窗口為參照物)
3.relative:相對(duì)定位(參照的是自己本身的位置)，沒(méi)有脫離文檔流，沒(méi)有頂上去，會(huì)保持自己的位置不動(dòng)?？梢允褂胻op left進(jìn)行定位
4.absolute:絕對(duì)定位：脫離了文檔流（參照的是按已定位的父級(jí)標(biāo)簽定位，如果找不到會(huì)按body的去找）
注意?。。簩⒍ㄎ粯?biāo)簽設(shè)置為absolute，將他的父級(jí)標(biāo)簽設(shè)置為定位標(biāo)簽 （relative）
11.float和position的區(qū)別
float：半脫離文檔流
position：全脫離文檔流
12.z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
13.透明度：opacity:0.4;
14.邊框弧度：border-radius: 50%;#圓
15.去除列表前面的標(biāo)志：list-style:none;
16.對(duì)齊上面和左邊最頂部：padding:0; margin:0;
17.字體加粗樣式： font-weight: 900;
18.需要注意的幾個(gè)邏輯表達(dá)式的問(wèn)題，下面的這個(gè)和js的&&，||用法是一樣的
print(3 and 5) #兩個(gè)為真才為真
print(0 and 3) #0是假就不判斷后面了，直接成假了
print(0 or 3) #有一個(gè)為真就為真
print(2 or 3) #2已經(jīng)為真了那么就不會(huì)去判斷后面了