A 今天學了什么

marign 的一點小問題

當子元素設置 margin-top ， 父元素會一起移動
解決方案：給父元素設置 overflow:hidden
padding:
父級元素:before{
content:"";
display:table
}

上面元素的margin-bottom會和上面元素的margin-top 重合

2.絕對路徑和相對路徑

絕對路徑:從盤符里的路徑

相對路徑: 相對當前所在的路徑
從上一級訪問需要加   ../

3.HTML表單相關(guān)元素

form
label 為input元素定義標注 label for="" for應與id的屬性相同
input type = text
input type = password
input type = submit

4.單選框

從 input 設置 name屬性
相同的name屬性只能從中選擇一個
預選內(nèi)容 加入 checked

4.1復選框

input type = "checkbox"

4.2下拉框

<select>
<option></option>
<option></option>
<option></option>
</select>

4.3文本域

plackholder=""

4.4display和visibility的區(qū)別

display 設置為元素消失 沒有單位
visilibity 只是不可見 還有單位

4.5雪碧圖

通過position:absolute 設置背景圖片的位置來顯示想要的圖片

5 CSS樣式的幾種引入方式

內(nèi)聯(lián)樣式表
在頭部寫css樣式
<style>
</style>

內(nèi)嵌樣式
在元素內(nèi)部寫CSS樣式

外聯(lián)樣式表
在專門的CSS文件中寫css

B今天學會了什么

.1 margin的一點小問題

當子元素設置margin-top, 父元素會一起移動
解決方案：給父元素設置 over-flow:hidden
padding:
父級元素:before{
content:"";
display:table
}

上面元素的margin-bottom會和上面元素的margin-top 重合

2.絕對路徑和相對路徑

絕對路徑：從盤符里的路徑

相對路徑：相對當前所在的路徑
從上一級訪問需要加   ../

3.HTML表單相關(guān)元素

form
label 為input元素定義標注 label for="" for應與id的屬性相同
input type = text
input type = password
input type = submit

4.單選框

從 input 設置 name屬性
相同的name屬性只能從中選擇一個
預選內(nèi)容 加入 checked

4.1復選框

input type = "checkbox"

4.2下拉框

<select>
<option></option>
<option></option>
<option></option>
</select>

4.3文本域

plackholder=""

4.4display和visibility的區(qū)別

display 設置為元素消失 沒有單位
visilibity 只是不可見 還有單位

4.5雪碧圖

通過position:absolute 設置背景圖片的位置來顯示想要的圖片

5 CSS樣式的幾種引入方式

內(nèi)聯(lián)樣式表
在頭部寫css樣式
<style>
</style>

內(nèi)嵌樣式
在元素內(nèi)部寫CSS樣式

外聯(lián)樣式表
在專門的CSS文件中寫css

都掌握了