名師力作，縱享前端學習絲滑開場！尚硅谷禹神版前端入門教程發布！

一、上手易

禹神一出手，就知有沒有。教程竭盡用心，對初學者極度友好，入門不易理解的浮動、定位、變換、過渡、動畫等知識點，均配備了精細的3D模型圖和演示案例，讓你看得更直觀，學得更輕松！

這不僅僅是一套視頻，每一個知識點、每一次總結、每一張圖示、各種注意事項等，均整理匯總成了筆記，堪稱視頻學習最佳拍檔，幫你大大節省了學習時間，可以方便快速地復習、練習、備查。充分考慮到初學的所有痛點，只有你們想不到，沒有這套教程做不到！

二、實戰強

對標實際應用講解，知識點精心排序，如CSS 選擇器，將 CSS2 和CSS3 中所有的選擇器一次性介紹完，因為在實際開發中，更關注是如何快速而又精準的選中元素。教程不只停留在理論學習，更是讓你的學習順序就是一個順應真實開發的順序！

教程采用專業的網頁設計軟件Figma，制作企業級高保真設計稿，不再使用老掉牙的標注圖，讓你學習時拿到的設計稿，就是實際開發中所用的設計稿。手把手帶你1比1精準還原設計稿，無縫銜接企業級真實項目！

全程使用目前主流的Vscode編輯器，并對安裝、設置、插件均進行了細致的講解。

三、內容深

對于小白容易模糊的知識點，全部進行了從概念到應用的細致剖析，讓你知其然更知其所以然。例如：選擇器權重到底怎么計算、vertical-align到底是什么在對齊、BFC到底是個什么東西……讓你從開始就夯實基礎，掃清障礙，不為后續學習埋雷！

教程目錄

 

001.教程簡介

002.認識兩位先驅

003.計算機基礎

004.CS架構與BS架構

005.瀏覽器相關知識

006.網頁相關概念

007.HTML簡介

008.準備工作

009.HTML初體驗

010.HTML標簽

011.HTML標簽屬性

012.HTML基本結構

013.安裝VSCode

014.安裝LiveServer插件

015.HTML注釋

016.HTML文檔聲明

017.HTML字符編碼

018.HTML設置語言

019.HTML標準結構

020.開發者文檔

021.HTML排版標簽

022.HTML語義化標簽

023.塊級元素與行內元素

024.常用的文本標簽

025.不常用的文本標簽

026.HTML圖片標簽

027.相對路徑_絕對路徑

028.常見圖片格式_1

029.常見圖片格式_2

030.超鏈接_跳轉頁面

031.超鏈接_跳轉文件

032.超鏈接_跳轉錨點

033.超鏈接_喚起指定應用

034.超文本的真正含義

035.列表

036.列表_注意事項

037.表格_基本結構

038.表格_常用屬性

039.表格_跨行與跨列

040.補充幾個常用標簽

041.表單_基本結構

042.表單_文本框與密碼框

043.表單_單選框與多選框

044.表單_隱藏域

045.表單_提交與重置

046.表單_普通按鈕

047.表格_文本域和下拉框

048.表單_禁用表單控件

049.表單_label標簽

050.表單_fieldset與legend

051.表單_總結

052.框架標簽

053.HTML字符實體

054.HTML全局屬性

055.meta元信息

056.HTML總結

057.CSS_簡介

058.CSS_行內樣式

059.CSS_內部樣式

060.CSS_外部樣式

061.CSS_樣式表優先級

062.CSS_語法規范

063.CSS_代碼風格

064.CSS_通配選擇器

065.CSS_元素選擇器

066.CSS_類選擇器

067.CSS_ID選擇器

068.CSS_交集選擇器

069.CSS_并集選擇器

070.CSS_HTML元素間的關系

071.CSS_后代選擇器

072.CSS_子代選擇器

073.CSS_兄弟選擇器

074.CSS_屬性選擇器

075.CSS_偽類選擇器_概念

076.CSS_偽類選擇器_動態偽類

077.CSS_偽類選擇器_結構偽類1

078.CSS_偽類選擇器_結構偽類2

079.CSS_偽類選擇器_結構偽類3

080.CSS_偽類選擇器_否定偽類

081.CSS_偽類選擇器_UI偽類

082.CSS_偽類選擇器_目標偽類

083.CSS_偽類選擇器_語言偽類

084.CSS_偽元素選擇器

085.CSS_選擇器優先級_簡單聊

086.CSS_選擇器優先級_詳細聊

087.CSS_三大特性

088.CSS_聊聊像素

089.CSS_顏色_第1種表示_顏色名

090.CSS_顏色_第2種表示_rgb與rgba

091.CSS_顏色_第3種表示_HEX與HEXA

092.CSS_顏色_第4種表示_HSL與HSLA

093.CSS_常用字體屬性_字體大小

094.CSS_常用字體屬性_字體族

095.CSS_常用字體屬性_字體風格

096.CSS_常用字體屬性_字體粗細

097.CSS_常用字體屬性_字體復合屬性

098.CSS_常用文本屬性_文本顏色

099.CSS_常用文本屬性_文本間距

100.CSS_常用文本屬性_文本修飾

101.CSS_常用文本屬性_文本縮進

102.CSS_常用文本屬性_文本對齊_水平

103.CSS_細說font-size

104.CSS_常用文本屬性_行高_概念

105.CSS_常用文本屬性_行高_注意事項

106.CSS_常用文本屬性_文本對齊_垂直

107.CSS_常用文本屬性_vertical-align

108.CSS_列表相關屬性

109.CSS_邊框相關屬性

110.CSS_表格獨有屬性

111.CSS_背景相關屬性

112.CSS_鼠標相關屬性

113.CSS_常用長度單位

114.CSS_元素的顯示模式

115.CSS_總結各元素的顯示模式

116.CSS_修改元素的顯示模式

117.CSS_盒子模型的組成部分

118.CSS_盒子的內容區_content

119.CSS_關于默認寬度

120.CSS_盒子的內邊距_padding

121.CSS_盒子的邊框_border

122.CSS_盒子的外面局_margin

123.CSS_margin的注意事項

124.CSS_margin塌陷問題

125.CSS_margin合并問題

126.CSS_處理內容溢出

127.CSS_隱藏元素的兩種方式

128.CSS_樣式的繼承

129.CSS_元素的默認樣式

130.CSS_布局小技巧

131.CSS_元素之間的空白問題

132.CSS_行內塊的幽靈空白問題

133.CSS_浮動_簡介

134.CSS_元素浮動后的特點

135.CSS_浮動的小練習

136.CSS_浮動后的影響

137.CSS_解決浮動產生的影響

138.CSS_浮動布局練習

139.CSS_相對定位

140.CSS_絕對定位

141.CSS_固定定位

142.CSS_粘性定位

143.CSS_定位的層級

144.CSS_定位的特殊應用

145.CSS_布局_版心

146.CSS_布局_常用類名

147.CSS_布局_重置默認樣式

148.尚品匯_設計稿說明

149.尚品匯_頂部導航條

150.尚品匯_頭部

151.尚品匯_主導航

152.尚品匯_內容區_側邊導航

153.尚品匯_內容區_側邊二級菜單

154.尚品匯_內容區_右側尚品快報

155.尚品匯_內容區_右側圖標導航

156.尚品匯_秒殺

157.尚品匯_樓層_頂部

158.尚品匯_樓層_底部

159.尚品匯_頁腳

160.H5_簡介

161.H5_新增布局標簽

162.H5_新增狀態標簽

163.H5_新增列表標簽

164.H5_新增文本標簽

165.H5_新增表單控件屬性

166.H5_input新增type屬性值

167.H5_新增視頻標簽

168.H5_新增音頻標簽

169.H5_新增全局屬性

170.H5_兼容性處理

171.CSS3_簡介

172.CSS3_新增長度單位

173.CSS3_新增盒子屬性

174.CSS3_新增背景屬性

175.CSS3_新增邊框屬性

176.CSS3_新增文本屬性

177.CSS3_新增漸變

178.CSS3_web字體_字體圖標

179.CSS3_2D變換

180.CSS3_3D變換

181.CSS3_過渡

182.CSS3_動畫

183.CSS3_多列布局

184.CSS3_伸縮盒模型_簡介

185.CSS3_伸縮盒模型_容器與項目

186.CSS3_伸縮盒模型_主軸方向

187.CSS3_伸縮盒模型_主軸換行方式

188.CSS3_伸縮盒模型_flex-flow

189.CSS3_伸縮盒模型_主軸對齊方式

190.CSS3_伸縮盒模型_側軸對齊

191.CSS3_伸縮盒模型_水平垂直居中

192.CSS3_伸縮盒模型_基準長度

193.CSS3_伸縮盒模型_伸縮性

194.CSS3_伸縮盒模型_flex復合屬性

195.CSS3_伸縮盒模型_排序與單獨對齊

196.CSS3_伸縮盒模型_案例練習

197.CSS3_響應式布局_媒體查詢

198.CSS3_響應式布局_常用閾值

199.BFC。

上一篇: java培訓學習該去哪里好
下一篇: 活力煥新 | 尚硅谷Java課程再度超級進化