Part1 HTML網(wǎng)頁(yè)開發(fā) 模塊1-HTML&CSS基礎(chǔ)
時(shí)間：2023-10-05 21:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-05 21:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
Part1 HTML網(wǎng)頁(yè)開發(fā) 模塊1-HTML&CSS基礎(chǔ)：
文章內(nèi)容輸出來(lái)源：拉勾教育大前端就業(yè)集訓(xùn)營(yíng)
【前言】
報(bào)名參加這個(gè)訓(xùn)練營(yíng)的初衷，一是興趣，感覺做開發(fā)很有意思，程序員，充滿改變世界的天真；二是，轉(zhuǎn)行需求。我是2020畢業(yè)的，聽家里安排，報(bào)考了當(dāng)年的特崗老師，被分配到自己家鄉(xiāng)比較偏僻的地方九年一貫制學(xué)校教書，本來(lái)考的物理，因?yàn)榈胤饺崩蠋?，又被校長(zhǎng)安排到帶小學(xué)，真的很無(wú)聊，而且一學(xué)期工資就同學(xué)一個(gè)月的，自己也一直想出去闖闖，這真的不是我要的生活。幾經(jīng)抉擇過后，決定報(bào)名培訓(xùn)班，趁早轉(zhuǎn)行。
在拉勾之前，我還咨詢了解過諸如慕課網(wǎng)、網(wǎng)易、騰訊等平臺(tái)的就業(yè)急訓(xùn)營(yíng)，最終選擇拉勾的原因，主要是考慮到拉勾有行業(yè)招聘背景，網(wǎng)易、騰訊固然技術(shù)實(shí)力及人才可能比拉勾稍強(qiáng)，但談到對(duì)于企業(yè)市場(chǎng)招聘需求的把我了解，應(yīng)該稍遜拉勾，我需要的是能夠準(zhǔn)備把握市場(chǎng)招聘需求，技術(shù)課程內(nèi)容設(shè)計(jì)緊貼企業(yè)需求，更加強(qiáng)力的保障，能夠讓我100%入行（在我的自身努力學(xué)習(xí)的前提下），同時(shí)拿到一個(gè)不錯(cuò)的薪水。所以就決定報(bào)拉勾的就業(yè)營(yíng)。
模塊一的內(nèi)容學(xué)下來(lái)，基本上，是些基礎(chǔ)知識(shí)，認(rèn)知上沒有什么難度，但還是要多敲，實(shí)際寫起來(lái)，卻經(jīng)常有點(diǎn)問題。這里拉勾的助教老師，也比較耐心，回復(fù)及時(shí)，耐心講解，暫時(shí)學(xué)習(xí)狀態(tài)還好。
【前導(dǎo)篇】
一、為什么學(xué)前端，前端有多厲害？
百聞不如一見，與其聽官方學(xué)術(shù)高深莫測(cè)的專業(yè)解釋，我們不如先膜拜下大佬，過過眼癮，看看自己想不想學(xué)前端。
二、見識(shí)了大神們的技術(shù)，談?wù)勛约簩?duì)前端開發(fā)的理解
前端總的來(lái)說，是做數(shù)據(jù)內(nèi)容的客戶端呈現(xiàn)和幫助用戶通過可視化客戶端界面解決相應(yīng)的業(yè)務(wù)處理。根據(jù)用戶使用的客戶端設(shè)備的不同，可以分為不同終端的前端開發(fā)，目前主流客戶端設(shè)備有移動(dòng)端（以手機(jī)，平板為主），PC端，所以目前前端開發(fā)主要工作，集中于這兩個(gè)終端的業(yè)務(wù)應(yīng)用的開發(fā)，也就是業(yè)務(wù)數(shù)據(jù)內(nèi)容主要做這兩大終端的可視化呈現(xiàn)和用戶交互。手機(jī)端，主要是web應(yīng)用，App（Android和IOS），PC端主要網(wǎng)頁(yè)。所以市場(chǎng)上，前端開發(fā)的工種又被細(xì)分為了web前端工程師，移動(dòng)開發(fā)工程師，Android開發(fā)工程師，IOS開發(fā)工程師等。
三、前端三層技術(shù)
四、拉勾總結(jié)的前端應(yīng)用場(chǎng)景：
五、就業(yè)進(jìn)階方向：
六、拉勾推薦?前端學(xué)習(xí)路線：
（一）知識(shí)基礎(chǔ)——學(xué)前端前，要掌握的
- 計(jì)算機(jī)基本認(rèn)識(shí)
- 應(yīng)用概念
- 前端和后端認(rèn)識(shí)
（二）入門階段
（三）JavaScript進(jìn)階
- JavaScript語(yǔ)法
- 基本數(shù)據(jù)結(jié)構(gòu)
- WebAPIs
- ES6+
- 模塊化
- TypeScript
- 包管理工具（npm，yarn）
（四）CSS進(jìn)階
（五）構(gòu)建工具
（六）主流框架
（七）持續(xù)學(xué)習(xí)
【模塊一】HTML網(wǎng)頁(yè)開發(fā)和CSS語(yǔ)法基礎(chǔ)
一、HTML基礎(chǔ)（結(jié)構(gòu)層）——構(gòu)建語(yǔ)義化網(wǎng)頁(yè)結(jié)構(gòu)
（一）網(wǎng)頁(yè)的組成
- HTML（結(jié)構(gòu)層）
- CSS（樣式層）
- JavaScript（行為層）
- 其他多媒體內(nèi)容（如圖片、視頻、音頻等）
（二）互聯(lián)網(wǎng)工作原理
網(wǎng)頁(yè)文件云端部署——>客戶端發(fā)起http請(qǐng)求——>服務(wù)器接受并響應(yīng)請(qǐng)求——>將云端網(wǎng)頁(yè)文件通過http相應(yīng)回傳給客戶端——>客戶端瀏覽器渲染網(wǎng)頁(yè)文件——>用戶看到網(wǎng)頁(yè)內(nèi)容
（三）互聯(lián)網(wǎng)運(yùn)行過程主體內(nèi)容
（四）五大主流瀏覽器
我們?cè)跒g覽器中最終能看到的網(wǎng)頁(yè)頁(yè)面，正是瀏覽器內(nèi)核對(duì)接受的網(wǎng)頁(yè)文件解析渲染的結(jié)果。不同瀏覽器，對(duì)網(wǎng)頁(yè)的解析渲染，有差別。以下是五大主流瀏覽器及其內(nèi)核說明：
Tips：如何查詢?nèi)我鉃g覽器網(wǎng)頁(yè)的使用的解析渲染內(nèi)核？F12，控制臺(tái)，輸入“navigator.userAgent”，回車。
（五）HTTP協(xié)議
hypertext transfer protocol，超文本傳輸協(xié)議，用于瀏覽器或其他應(yīng)用程序與Web服務(wù)器應(yīng)用層通信。網(wǎng)頁(yè)中的每一個(gè)資源，都需要發(fā)送請(qǐng)求加載。
（六）HTML基本結(jié)構(gòu)（必寫）
1.基本結(jié)構(gòu)<html> <head> <title>網(wǎng)頁(yè)標(biāo)題</title> </head> <body> 網(wǎng)頁(yè)主體 </body></html>2.DTD 文檔類型聲明全稱，DocType Definition，文檔類型聲明。
告訴瀏覽器按聲明的HTML版本文檔規(guī)范中的語(yǔ)法解析網(wǎng)頁(yè)文件的界面結(jié)構(gòu)。
<!-- 語(yǔ)法：使用HTML5的文檔規(guī)范解析網(wǎng)頁(yè)文件 --><!DOCTYPE html> 3.xmlns與命名空間告訴瀏覽器，當(dāng)前html中的某個(gè)標(biāo)簽及其全部子元素命名使用的是哪個(gè)命名規(guī)范，以便瀏覽器準(zhǔn)確解讀標(biāo)簽的語(yǔ)義，
避免命名相同造成瀏覽器標(biāo)簽解析的
語(yǔ)義沖突。
為什么存在命名語(yǔ)義沖突？請(qǐng)觀察下列代碼思考
<!-- html 產(chǎn)生于xml,xml是可以程序員自定義的標(biāo)記語(yǔ)言，以下就是兩種不同的標(biāo)記命名 --><!-- 表格 --><table> <tr> <td>Apples</td> <td>Bananas</td> </tr></table><!-- 家具 --><table> <name>African Coffee Table</name> <width>80</width> <length>120</length></table>這個(gè)“空間”，其實(shí)就是規(guī)范約束下的范圍，本質(zhì)上是對(duì)應(yīng)的一臺(tái)服務(wù)器上編寫好的規(guī)范文件，所以屬性值通常是一個(gè)URL。
所有標(biāo)簽都有這個(gè)屬性，瀏覽器會(huì)將此命名空間用于該屬性所在元素內(nèi)的所有內(nèi)容。
常見的應(yīng)用語(yǔ)法：<!-- 全文應(yīng)用：符合XML規(guī)范的XHTML文檔 --><html xmlns="http://www.w3.org/1999/xhtml"><!-- 局部應(yīng)用：數(shù)學(xué)命名空間 --><div xmlns="http://www.w3.org/1999/Math/MathMl">x3/x</div><!-- 前綴應(yīng)用 --><html xmlns="http://www.w3.org/1999/xhtml"> xmlns:math="http://www.w3.org/1999/Math/MathMl"><math:div>x3/X<div>4.文檔語(yǔ)言聲明<!-- 英文文檔聲明：提高英文網(wǎng)站搜索排名 --><html lang="en" xml:lang="en"><!-- 中文文檔聲明：提高中文網(wǎng)站搜索排名 --><html lang="zh-cn" xml:lang="zh-cn">5.文檔字符聲明字符集 各種文字和符號(hào)的集合。常用的字符編碼有：
XHTML1.0版本
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">HTML5
<meta charset='utf-8' />tips：meta標(biāo)簽聲明字庫(kù)，與編輯器編譯字庫(kù)必須一致，不然會(huì)出現(xiàn)亂碼。
（七）HTML基本語(yǔ)法
1.規(guī)范版本W3C萬(wàn)維網(wǎng)聯(lián)盟，發(fā)布和維護(hù)互聯(lián)網(wǎng)規(guī)范和標(biāo)準(zhǔn)的組織。
2.HTML標(biāo)簽標(biāo)記html文件的內(nèi)容，使之語(yǔ)義化
語(yǔ)法：<!-- 單標(biāo)簽 --><labelName /><!-- 雙標(biāo)簽 --><labelName></labelName> 3.HTML元素html元素≠html標(biāo)簽
html元素=開始標(biāo)簽+元素內(nèi)容+結(jié)束標(biāo)簽
元素內(nèi)容（雙標(biāo)簽內(nèi)部包含的內(nèi)容）=①文本②元素
Tips：
-標(biāo)簽級(jí)別（根據(jù)元素內(nèi)容的不同）-HTML元素特性：4.HTML標(biāo)簽屬性html標(biāo)簽屬性，用以描述標(biāo)簽的更多信息。
語(yǔ)法：屬性名和屬性值采用
鍵值對(duì)寫法（key:val;）<!-- 一個(gè)屬性，多個(gè)屬性值 --><labelName key="val1 val2 ... valN"></labelName> <!-- 一個(gè)標(biāo)簽，多個(gè)屬性 --><labelName key1="val1" key2="val2" ... keyN="valN"></labelName> （八）HTML代碼注釋
語(yǔ)法：<!-- 注釋內(nèi)容 -->作用：①提示內(nèi)容，便于閱讀
②注釋代碼，排查錯(cuò)誤
③注釋代碼，備用恢復(fù)
（九）HTML標(biāo)簽篇（常用）
1.（段落）標(biāo)題 h1~h6①容器級(jí)標(biāo)簽，不能相互嵌套，自帶大小樣式，但本質(zhì)功能是標(biāo)記和提示對(duì)應(yīng)級(jí)別標(biāo)題語(yǔ)義
②H$6，在vscode中可以快速生成一組h1~h6連續(xù)標(biāo)題標(biāo)簽
③文檔權(quán)重：h1>…>h6(反應(yīng)標(biāo)記內(nèi)容在文檔中的重要性)
④h1文檔權(quán)重大，要放最重要內(nèi)容，如logo導(dǎo)航欄
⑤約定俗成，一個(gè)h1標(biāo)記重要內(nèi)容，有利于提高瀏覽器權(quán)重
2.（段落）主體標(biāo)簽 <p></p>①文本類標(biāo)簽：只能放文本或類文本標(biāo)簽（圖，表單元素）；
②作用：標(biāo)記具有同一主題的段落內(nèi)容。
3.換行標(biāo)簽 <br />作用：同一主題段落（即p標(biāo)簽內(nèi)）強(qiáng)制換行，無(wú)固定語(yǔ)義
4.文本格式化標(biāo)簽①類型：雙標(biāo)簽，文本類標(biāo)簽；
②作用：控制段落文本樣式的標(biāo)簽
③常見的文本格式標(biāo)簽：5.圖像標(biāo)簽 <img />①類別：單標(biāo)簽，類文本標(biāo)簽
②作用：指定位置插入圖片
③支持圖片格式：jpg，png，gif
④常用屬性：Tips：資源路徑類別6.音頻標(biāo)簽 <audio></audio>①類型：雙標(biāo)簽
②支持音頻格式：mp3，ogg，wav
③常用屬性：④語(yǔ)法實(shí)例：<audio src="../media/comet.mp3" controls="controls"></audio>7.視頻標(biāo)簽<video></video>①類型：雙標(biāo)簽
②支持視頻格式：mp4，ogg，webm
③常用屬性：④語(yǔ)法實(shí)例：8.超鏈接標(biāo)簽<a></a>①類別：容器級(jí)標(biāo)簽，雙標(biāo)簽；
②作用：定義超鏈接，用于從一張頁(yè)面鏈接到另一張頁(yè)面；
③常用屬性：Tips：_parent 和 _top，目前已經(jīng)不會(huì)使用了，最多也就是個(gè)_blank。詳細(xì)內(nèi)容后續(xù)完善。
④跳轉(zhuǎn)類型：Tips：錨點(diǎn)設(shè)置方式<!-- id屬性標(biāo)記錨點(diǎn) --><div id="idVal"></div><!-- a標(biāo)簽嵌套，name屬性標(biāo)記錨點(diǎn) --><a name="nameVal">元素內(nèi)容</a>9.列表標(biāo)簽（ol，ul，dl）用于標(biāo)記
內(nèi)容相關(guān)、結(jié)構(gòu)相似和樣式相近的系列內(nèi)容
①ol有序列表標(biāo)記
有順序要求的系列內(nèi)容，有重要程度和優(yōu)先級(jí)之分
構(gòu)成標(biāo)簽，ol，li；
ol表示有序列表域，li列表項(xiàng)，是容器級(jí)標(biāo)簽；
嵌套關(guān)系，ol>li；
li不能脫離ol獨(dú)立存在；
語(yǔ)法實(shí)例：
<!-- 有序列表 --> <ol> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> ...... <li>列表項(xiàng)N</li> </ol>②ul無(wú)序列表標(biāo)記
沒有明確順序要求的系列內(nèi)容，無(wú)重要程度和優(yōu)先級(jí)之分。
語(yǔ)法實(shí)例：
<!-- 無(wú)序列表 --> <ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> ...... <li>列表項(xiàng)N</li> </ul>③定義列表標(biāo)記
有標(biāo)題和解釋項(xiàng)的系列內(nèi)容
構(gòu)成標(biāo)簽：
語(yǔ)法實(shí)例：
<!-- 定義列表 --> <!-- dl定義列表域 --> <dl> <!-- 術(shù)語(yǔ)塊1 --> <dt>術(shù)語(yǔ)1</dt> <dd>描述項(xiàng)1</dd> <dd>描述項(xiàng)2</dd> …… <dd>描述項(xiàng)N</dd> <!-- 術(shù)語(yǔ)塊2 --> <dt>術(shù)語(yǔ)2</dt> <dd>描述項(xiàng)1</dd> <dd>描述項(xiàng)2</dd> …… <dd>描述項(xiàng)N</dd> …… <!-- 術(shù)語(yǔ)塊N --> <dt>術(shù)語(yǔ)N</dt> <dd>描述項(xiàng)1</dd> <dd>描述項(xiàng)2</dd> …… <dd>描述項(xiàng)N</dd> </dl> <!-- 實(shí)際開發(fā)中，最好一組一組分開寫，便于調(diào)試（dl dt dd） -->10.（常用）布局標(biāo)簽沒有明確語(yǔ)義，僅用于布局的標(biāo)簽
①div(division)劃分，區(qū)隔
類別：雙標(biāo)簽，容器級(jí)；
常規(guī)用途：網(wǎng)頁(yè)不同內(nèi)容區(qū)塊劃分
②span 區(qū)段
類別：雙標(biāo)簽，容器級(jí)
常規(guī)用途：不改變整體效果的局部?jī)?nèi)容微調(diào)
11.表格制作標(biāo)簽①制作標(biāo)簽一覽Tips：分區(qū)標(biāo)簽，書寫順序顛倒沒事，瀏覽器會(huì)自動(dòng)按以上順序加載。
②表格操作：單元格邊距消除
-border-collapse 邊框塌陷（樣式），語(yǔ)法：border-collapse:collapse
-cellspacing = "0"（屬性）
③表格操作：合并單元格
-確定行數(shù)
-確定每行單元格數(shù)
-設(shè)置跨行跨列屬性（rowspan，colspan）
④制作技巧：分區(qū)先，行列定，合并再。
代碼示例： <!-- 定義表格域 --> <table border="1" colspacing="0"> <!-- 表格標(biāo)題 --> <caption>表格標(biāo)題</caption> <!-- 表頭區(qū)塊 --> <thead> <!-- row 1 --> <tr> <th>單元格1</th> <th>單元格2</th> ... <th>單元格N</th> </tr> </thead> <!-- 表格主體 --> <tbody> <!-- row 1 --> <tr> <td>單元格1</td> <td>單元格2</td> ... <td>單元格N</td> </tr> <!-- row 2 --> <tr> <td>單元格1</td> <td>單元格2</td> ... <td>單元格N</td> </tr> ... <!-- row N --> <tr> <td>單元格1</td> <td>單元格2</td> ... <td>單元格N</td> </tr> </tbody> <!-- 表格頁(yè)腳 --> <tfoot> <!-- row --> <tr> <td>單元格1</td> <td>單元格2</td> ... <td>單元格N</td> </tr> </tfoot> </table>12.表單標(biāo)簽①作用：供用戶操作交互，獲取用戶信息②表單構(gòu)成③表單構(gòu)成指示圖（十）字符實(shí)體
1.作用解決特殊字符的輸入問題：①連續(xù)空格輸入（空白折疊現(xiàn)象）；②與html標(biāo)記語(yǔ)法相沖突的符號(hào)。
字符實(shí)體書寫手冊(cè)：點(diǎn)擊查閱
2.語(yǔ)法規(guī)律①&字符實(shí)體
名稱②&字符實(shí)體
編號(hào)3.常用字符實(shí)體：二、CSS基礎(chǔ)（樣式層）——美化網(wǎng)頁(yè)結(jié)構(gòu)
（一）CSS概述
CSS，全稱“Cascading Style Sheets“，
層疊樣式表，用來(lái)
美化修飾網(wǎng)頁(yè)界面的技術(shù)，用以解決HTML文本格式化標(biāo)簽帶來(lái)的代碼臃腫，實(shí)現(xiàn)了結(jié)構(gòu)與樣式的分離。
有CSS的拉勾網(wǎng)沒有CSS的拉勾網(wǎng)（二）發(fā)展過程（了解即可）
（三）CSS組成
1.加載特性①層疊性多個(gè)選擇器同時(shí)選中一個(gè)標(biāo)簽并為其設(shè)置了樣式，瀏覽器只會(huì)加載一個(gè)，層層疊加覆蓋掉其他的樣式，CSS在瀏覽器中的這種加載渲染特性，被稱為“
層疊性”。
②繼承性子代或后代標(biāo)簽，本身沒有添加某些樣式，卻
具備父級(jí)或祖先級(jí)標(biāo)簽?zāi)承邮叫Ч?/b>，CSS樣式在瀏覽器中的這種加載渲染特性，被稱為“繼承性”。
-可繼承的樣式類型：文本相關(guān)樣式（點(diǎn)擊鏈接，上方可見，文本屬性；字體屬性）
-應(yīng)用：合并同樣式，減少代碼量，加快渲染和瀏覽器響應(yīng)。
2.樣式
①語(yǔ)法規(guī)范
selector｛styleAttributeName：val；……｝
②書寫位置
主要解決這么一個(gè)問題，如何html文件中引入css樣式？美化我們的html界面。根據(jù)書寫位置的不同，共分為以下四種：
-內(nèi)聯(lián)式（也叫“行內(nèi)樣式”）
寫在標(biāo)簽上的style屬性中，適用于個(gè)別標(biāo)簽局部樣式調(diào)整。
語(yǔ)法：
<tagName style="styleAttributeName: val;"></tagName>缺點(diǎn)：
讓標(biāo)簽結(jié)構(gòu)繁重，不利解讀
不同元素，相同樣式，增加代碼量，加載慢
沒有實(shí)現(xiàn)結(jié)構(gòu)樣式脫離
代碼實(shí)例：
<div style="color: black;"></div>-內(nèi)嵌式
寫在html文件中，使用style標(biāo)簽，嵌套在head標(biāo)簽內(nèi)部的文件內(nèi)文本樣式。適用于給某個(gè)HTML文件對(duì)應(yīng)的網(wǎng)頁(yè)界面設(shè)置少量獨(dú)有樣式。
語(yǔ)法：
<head> ...... <style> selector{ styleAttributeName: Val; ...... } </style> ......</head>優(yōu)點(diǎn)：
實(shí)現(xiàn)了文件內(nèi)結(jié)構(gòu)與樣式的分離
多標(biāo)簽同代碼設(shè)置，代碼量減少
缺點(diǎn)：
沒有實(shí)現(xiàn)結(jié)構(gòu)與樣式文件分離
html內(nèi)樣式?jīng)]法共享給其他html
代碼太多，影響html結(jié)構(gòu)閱讀
代碼實(shí)例：
<head> ...... <style> .style{ width: 1000px; height: 1000px; } </style> ......</head>-外聯(lián)式
樣式書寫在單獨(dú)的. css文件中，通過link標(biāo)簽鏈接到需要的html文件中的獨(dú)立文件樣式。適用于給多個(gè)HTML文件對(duì)應(yīng)的網(wǎng)頁(yè)界面設(shè)置公共樣式。
語(yǔ)法：css文件 to HTML文件
<head> ...... <link rel="stylesheet" href="url" type="text/css" /> ......</head>rel即relationship，表示與HTML文件關(guān)系
href指定css文件路徑
type指明文件類型，告訴瀏覽器，用css標(biāo)準(zhǔn)解析（可省略）
優(yōu)點(diǎn)：
結(jié)構(gòu)與樣式以文件形式的完全分離
設(shè)置公共樣式，減少代碼量
一個(gè)樣式表，控制多張頁(yè)面，減少工作量
公共樣式，獨(dú)立樣式分層
代碼實(shí)例：
<head> <link rel="stylesheet" type="text/css" href="/c5.css"></head>-導(dǎo)入式
在css文件中導(dǎo)入其他css文件
語(yǔ)法：css文件 to css文件
@import url(路徑)代碼實(shí)例：
@import url("test.css")
③CSS注釋
-單行注釋：
//注釋內(nèi)容-多行注釋 ：
/*注釋內(nèi)容row1注釋內(nèi)容row2...注釋內(nèi)容rowN*/
④樣式版本
-開發(fā)版本
有利于開發(fā)者閱讀和調(diào)試
// 展開式selector｛styleAttributeName：Val；……｝-發(fā)布版本
有利于減少代碼體積，提高加載渲染速率
//壓縮式selector｛styleAttributeName：Val；……｝
⑤常用樣式屬性
Tips：
-瀏覽器默認(rèn)字號(hào)：谷歌16px
-瀏覽器最小加載字號(hào)：谷歌8px，IE1px
-實(shí)際開發(fā)推薦字號(hào)：12px（使用偶數(shù)，奇數(shù)老版本IE有bug，實(shí)際開發(fā)看設(shè)計(jì)圖）
-多字體同時(shí)設(shè)置：
font-family: PingFangSC-Regular, Verdana, Arial, '微軟雅黑','宋體';-多字體渲染機(jī)制：根據(jù)書寫先后順序渲染，優(yōu)先渲染第一個(gè)字體支持的字符，渲染不了，交給第二個(gè)。
-實(shí)際開發(fā)建議：瀏覽器加載的是客戶端字體，如果客戶端沒有，該字體將加載失敗，所以。開發(fā)人員必須設(shè)置一個(gè)通用字體，作為保險(xiǎn)。建議將英文字體寫在最前，避免被中文字體渲染。如英文字體A，英文備用字體，中文字體A，中文備用字體。
⑥CSS選擇器
-作用：選定元素，添加樣式
-類型：
未完待續(xù)......
在線咨詢
