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