-
如果一個(gè)元素使用了多個(gè)選擇器,則會(huì)按照選擇器的優(yōu)先級(jí)來(lái)給定樣式。
選擇器的優(yōu)先級(jí)依次是: 內(nèi)聯(lián)樣式 > id選擇器 > 類(lèi)選擇器 > 標(biāo)簽選擇器 > 通配符選擇器
查看全部 -
>作用于元素的第一代后代，空格作用于元素的所有后代。
查看全部 -
類(lèi)（.）和ID（#）選擇器的區(qū)別
相同點(diǎn)：可以應(yīng)用于任何元素
不同點(diǎn)：1、ID選擇器只能在文檔中使用一次。與類(lèi)選擇器不同，在一個(gè)HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類(lèi)選擇器可以使用多次。
2、可以使用類(lèi)選擇器詞列表方法為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式。我們可以為一個(gè)元素同時(shí)設(shè)多個(gè)樣式，但只可以用類(lèi)選擇器的方法實(shí)現(xiàn)，ID選擇器是不可以的（不能使用 ID 詞列表）。
查看全部 -
設(shè)置selected="selected"屬性，則該選項(xiàng)就被默認(rèn)選中
查看全部 -
單選框和復(fù)選框
<input ? type="radio/checkbox" ? value="值" ? ?name="名稱(chēng)" ? checked="checked"/>
1、type:
?? 當(dāng)?type="radio"?時(shí)，控件為單選框
?? 當(dāng)?type="checkbox"?時(shí)，控件為復(fù)選框
2、value：提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)程序PHP使用）
3、name：為控件命名，以備后臺(tái)程序 ASP、PHP 使用
4、checked：當(dāng)設(shè)置 checked="checked" 時(shí)，該選項(xiàng)被默認(rèn)選中
查看全部 -
輸入框占位符（給提示）
<input type="text" placeholder="xxxxx">
查看全部 -
表單標(biāo)簽，與用戶(hù)交互：<form ? method="傳送方式" ? action="服務(wù)器文件">
注意：所有表單控件（文本框、文本域、按鈕、單選框、復(fù)選框等）都必須放在 <form></form> 標(biāo)簽之間（否則用戶(hù)輸入的信息可提交不到服務(wù)器上哦！）。
查看全部 -
style標(biāo)簽：雙標(biāo)簽中設(shè)置當(dāng)前文件樣式查看全部
-
水平垂直居中：
????????上一節(jié)是通過(guò)margin來(lái)設(shè)置子標(biāo)簽與父標(biāo)簽邊框的距離來(lái)達(dá)到水平垂直居中，但前提是子標(biāo)簽已經(jīng)定了寬度。如果沒(méi)有定義寬度只能用transform：translate(-50%,-50%)通過(guò)子標(biāo)簽進(jìn)行位移來(lái)達(dá)到子標(biāo)簽水平居中的效果
????????
查看全部 -
注意：如果沒(méi)在父元素里面添加position：relative屬性，那么子元素設(shè)置的position:absolute 是相對(duì)于body而言的，或者相對(duì)于再上層的標(biāo)簽而言的，都沒(méi)設(shè)置，那么就相對(duì)于body即游覽器頁(yè)面而言
查看全部 -
塊元素：
????????1.如果沒(méi)有定固定寬度，可以直接在父標(biāo)簽設(shè)置text-align：center來(lái)設(shè)置水平居中
????????2.如果設(shè)置了固定寬度，那只能使用margin：auto來(lái)達(dá)到水平居中的效果
查看全部 -
給行內(nèi)元素設(shè)置水平居中時(shí)，只需要在父類(lèi)標(biāo)簽中設(shè)置text-align:center就可以了
查看全部 -
flex屬性是設(shè)置在父類(lèi)標(biāo)簽中，但是意思是將父標(biāo)簽下面的子標(biāo)簽設(shè)置為彈性盒子模型。而且子元素可以通過(guò)flex：數(shù)值來(lái)表示子元素相對(duì)于父元素的占比。值得注意的是設(shè)置了占比之后，width屬性會(huì)失效
查看全部 -
在display:flex基礎(chǔ)上使用align-items屬性來(lái)設(shè)置盒子縱軸的對(duì)齊方式
????align-items：
????????????1、flex-start：交叉軸的起點(diǎn)對(duì)齊,即縱軸的最上方
????????????2、flex-end：右對(duì)齊，即縱軸的最下方
????????????3、center：居中對(duì)齊，即縱軸的中間
????????????4、baseline：項(xiàng)目的第一行文字的基線(xiàn)對(duì)齊（基線(xiàn)就是文字底部在一條水平線(xiàn)上）
????????????5、stretch：默認(rèn)值，如果wei設(shè)置高度或設(shè)為auto，將占滿(mǎn)整個(gè)容器的高度
查看全部 -
在display:flex基礎(chǔ)上使用justify-content屬性來(lái)設(shè)置盒子橫列的對(duì)齊方式
????justify-content：
????????????1、flex-start：交叉軸的起點(diǎn)對(duì)齊
????????????2、flex-end：右對(duì)齊
????????????3、center：居中對(duì)齊
????????????4、space-between：兩端對(duì)齊，項(xiàng)目之間的間隔都相等
????????????5、space-around：每個(gè)項(xiàng)目?jī)蓚?cè)的間隔相等。所以，項(xiàng)目之間的間隔比項(xiàng)目與邊框的間隔大一倍
查看全部
舉報(bào)