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