柚子快報(bào)激活碼778899分享:html5 css 走進(jìn)前端
柚子快報(bào)激活碼778899分享:html5 css 走進(jìn)前端
目錄
第一周前端預(yù)習(xí)
一.走進(jìn)前端
二.vscode插件安裝
三.認(rèn)識(shí)瀏覽器
四.Giteet提交
一.走進(jìn)前端
1.前端是什么?“前端”又稱“客戶端開發(fā)”,通俗來(lái)講,可以說是在瀏覽器或移動(dòng)設(shè)備上被人所看到的地方,都可以由“前端”的人們來(lái)開發(fā)。前端的開發(fā)也有著不同的分工,包含著不同的技術(shù),如HTML,css,JavaScript等,而下面則會(huì)進(jìn)行詳細(xì)介紹而目前也多用vscode來(lái)進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)與開發(fā)。
2.技術(shù)的具體細(xì)分
1).HTML——負(fù)責(zé)網(wǎng)頁(yè)架構(gòu)
HTML表示超文本標(biāo)記語(yǔ)言(Haper Text Markup Language),即HTML是一個(gè)包含標(biāo)記的文本文件。
HTML的結(jié)構(gòu):
<這里是開始哦>
<這里可以加入關(guān)鍵字><頭部結(jié)束>
<正文開始>這是第一次預(yù)習(xí)!
<正文結(jié)束><文本結(jié)束>
(未用注釋格式)
我們運(yùn)行后即可看到如下的頁(yè)面
?HTML文本
文本中有標(biāo)簽,
如:用于改變字體,字號(hào)和文字顏色;?
?用來(lái)給文字加粗;
?用于增加下劃線;
其余還有很多的標(biāo)簽,
如
表示一級(jí)標(biāo)題;表示分段;
表示換行;
注意:
沒有結(jié)束的>
HTML圖片
用于在頁(yè)面上添加橫線,width和color用來(lái)控制顏色和長(zhǎng)度
用于添加圖片,src用來(lái)表示相對(duì)路徑與絕對(duì)路徑
?
HTML鏈接
HTML表格
2)css-——網(wǎng)頁(yè)樣式表與美化
CSS(Cascading Style Sheet)為層疊樣式表,是一組樣式設(shè)定的規(guī)則,用于控制頁(yè)面的外觀樣式
css語(yǔ)法
選擇器:要修飾的對(duì)象
屬性名:修飾對(duì)象屬性
屬性值:樣式的取值
css的應(yīng)用方式:內(nèi)部樣式,行內(nèi)樣式,外部樣式
內(nèi)部樣式:在頁(yè)面頭部利用style標(biāo)簽定義當(dāng)前頁(yè)面中選擇器
行內(nèi)樣式:嵌入樣式
外部樣式:使用.css文件定義,再利用link標(biāo)簽或@import指令引入
link標(biāo)簽
浙ICP備15009899號(hào)-2