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