A今天學(xué)了什么
1什么是html什么是css
html是網(wǎng)頁的結(jié)構(gòu)
css是負(fù)責(zé)修飾html標(biāo)簽
開始標(biāo)簽<body>
結(jié)束標(biāo)簽</body>
常用的HTML標(biāo)簽
div 盒子標(biāo)簽
p 段落標(biāo)簽
h1~h6 標(biāo)題標(biāo)簽
ul~li 列表標(biāo)簽
dl~dt~dd 定義列表標(biāo)簽
img 圖片標(biāo)簽
input 輸入框標(biāo)簽
a 超鏈接標(biāo)簽
button 按鈕標(biāo)簽
css樣式
color 設(shè)置文字顏色
width 設(shè)置一個元素的寬度
height 設(shè)置一個元素的高度
background-color 設(shè)置背景顏色
background-image 設(shè)置一個元素的背景圖片
(background-image: url())
line-height 設(shè)置文字的行高
text-align 設(shè)置文字對齊的方式
border-width 邊框的寬度
border-style 邊框的樣式
border-color 邊框的顏色
css常用選擇器
hover{color}當(dāng)鼠標(biāo)移動到元素上時可以改變元素的css 樣式
<p class="pp">
.pp
<p id="pp">
#pp
B今天沒有掌握的內(nèi)容
盒子模型
margin 外邊距
margin-bottom 下外邊距
margin-left 左外邊距
margin-right 右外邊距
margin-top 上外邊距
元素居中
margin: 0px auto;
(上下)(左右)
border框邊
padding 填充
content 內(nèi)容
盒子總寬度:width(高)+padding(內(nèi)邊框)+border(外邊框)
margin(外邊框)和padding(內(nèi)邊距)盒子距離
margin 10px;
margin 上下左右
margin 10px; 20px;
margin 上下 左右
margin 10px; 20px;30px;
margin 上 左右 下
margin 10px; 20px;30px;40px;
margin 上 右 下 左
padding同理
ctrl+? 注釋