這一章節(jié)我們來學(xué)習(xí)html與css的關(guān)系。我們先來看一下單純的html標(biāo)簽長(zhǎng)什么樣:

代碼如下:
<p>我是一個(gè)p標(biāo)簽</p>
我們?cè)賮砜匆幌陆?jīng)過css修飾過后html標(biāo)簽:

代碼如下:
p {
color: red;
border: 1px solid blue;
width: 140px;
height: 40px;
}
技術(shù)點(diǎn)的解釋:
1、css是用來修飾html樣式的
2、html本身是有一些默認(rèn)樣式,如果我們想改變html標(biāo)簽的樣式,就需要借助css
3、html+css構(gòu)成了我們網(wǎng)頁(yè)的基本頁(yè)面結(jié)構(gòu)和樣式
我來試試:為Hello World添加樣式
1.在右邊編輯器的第8行,輸入font-size:12px;(注意結(jié)果窗口的文字大小的變化)。
2.在右邊編輯器的第9行,輸入color:#930;(注意結(jié)果窗口的文字顏色的變化)。
3.在右邊編輯器的第10行,輸入text-align:center;(注意結(jié)果窗口的文字居中的變化)。
1.分號(hào);與:號(hào)都得在半角及英文狀態(tài)下輸入。
2.每行css代碼結(jié)尾都要加入;(h1{后不用加,因?yàn)樗皇且粭l語句)如:
font-size:12px;
color:#930;
text-align:center;
3. #930顏色值前面的#號(hào)注意不要忘記了。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)