day01

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+? 注釋

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容