商品簡介
本書共分為9 章,第1章用一個完整的案例講解了靜態頁面製作的流程;第2章講解常用的HTML元素;第3章講解將CSS 引入HTML 文件的方法以及常用的CSS 樣式;第4 章講解盒模型的構成;第5 章講解浮動佈局;第6章講解改變元素位置的定位方式;第7章講解表單元素與表格元素;第8 章講解HTML5的新增元素與CSS3的新增樣式;第9章通過製作一個完整的購物網頁講解網頁製作過程中的重點和難點。
本書準備了一線互聯網公司的面試真題,供讀者自我檢測使用,還附有HTML 標簽與CSS 樣式的快速查看表。本書適合零基礎的編程初學者閱讀,也適合具備基礎知識、想要提升編程能力的讀者閱讀。
作者簡介
高校教師,具有豐富的教學經驗。
史笑顏
前端工程師,熱愛Web技術,喜歡嘗試新事物,學習新技術。其大學時自學前端技術,發現市面上的技術書對於初學者來說晦澀難懂,學有所成後寫出一本可以幫助初學者輕鬆入門的書籍。
名人/編輯推薦
《從零開始:HTML5+CSS3快速入門教程》良好的教學模式,為初學者設計的大量案例和每章任務保證學習質量;
《從零開始:HTML5+CSS3快速入門教程》去除冷門知識點,是核心技能的反復錘煉;
《從零開始:HTML5+CSS3快速入門教程》配有精選的一線互聯網公司的面試真題;
《從零開始:HTML5+CSS3快速入門教程》零基礎也能勝任前端工作。
目次
1.1 準備HTML5 開發環境 010
1.1.1 瀏覽器的使用 010
1.1.2 下載編輯器 013
1.1.3 HTML5 的學習方法 014
1.2 第 一個HTML5 頁面 015
1.2.1 用HBuilderX 創建一個項目 015
1.2.2 在頁面中寫入內容 016
1.3 用CSS 美化頁面 017
1.3.1 給頁面添加背景 018
1.3.2 將頁面中的文本元素居中 021
1.3.3 調整頁面文字的字體和顏色 023
1.3.4 給按鈕添加邊框和背景色 024
1.3.5 給頁面增加動態效果 026
1.4 在手機上查看頁面 028
第 2章 HTML 語法和基礎標簽
2.1 HTML 基礎語法 032
2.1.1 HTML 語法規則 032
2.1.2 HTML 文檔的基礎結構 033
2.1.3 元素的嵌套 033
2.2 文本元素 034
2.2.1 標題 035
2.2.2 段落――
標簽 035
2.2.3 HTML 折行―― 標簽 036
2.2.4 文本格式化 037
2.3 HTML 超鏈接―― 標簽 038
2.3.1 初識超鏈接 038
2.3.2 超鏈接語法 039
2.3.3 href 屬性――絕對路徑和相對路徑 040
2.3.4 target 屬性 041
2.3.5 標簽的應用 041
2.4 HTML 圖像―― 標簽 045
2.5 列表 047
2.5.1 無序列表 048
2.5.2 有序列表 048
2.5.3 定義列表 048
2.5.4 列表的嵌套 049
第3章 CSS 語法和基礎屬性
3.1 在HTML 文檔中引入CSS 的
3 種常用方法 054
3.1.1 外部樣式表――
使用 標簽引入CSS 樣式表 055
3.1.2 內部樣式表 057
3.1.3 內聯樣式 058
3.2 CSS 語法 058
3.2.1 CSS 結構與規則 058
3.2.2 選擇器的種類 060
3.2.3 繼承 063
3.3 CSS 顏色 065
3.4 文本的常用樣式 066
3.4.1 文本的顏色和常用屬性 066
3.4.2 字體 068
3.4.3 背景 072
3.4.4 CSS 鏈接 079
第4章 盒模型佈局――DIV+CSS3 頁面布局
4.1 盒模型的基礎知識 084
4.1.1 盒模型的組成 084
4.1.2 查看元素的盒模型 084
4.2 邊框 085
4.2.1 邊框的組成 085
4.2.2 使用邊框的特性製作三角形 086
4.2.3 邊框的圓角效果――border-radius 088
4.3 內邊距 088
4.3.1 padding 會撐大元素的大小 089
4.3.2 padding 的複合寫法 090
4.4 外邊距 091
4.4.1 margin 的作用 091
4.4.2 margin 在使用中的問題 094
4.5 盒模型的大小 098
4.6 元素的display 屬性 102
4.6.1 元素的隱藏 102
4.6.2 塊元素和內聯元素 104
4.6.3 塊元素與內聯元素之間的轉化 106
4.6.4 auto 實現塊元素居中顯示 108
4.7 內聯塊 109
4.8 初始化頁面樣式 112
第5章 浮動佈局――實現網頁的經典佈局
5.1 浮動的基本語法 117
5.1.1 浮動的定義 117
5.1.2 float 屬性 118
5.2 浮動的特徵 119
5.3 clear 屬性 125
5.4 清除浮動 126
5.4.1 高度塌陷 126
5.4.2 清除浮動的方法 128
5.4.3 使用偽類清除浮動 131
5.5 實戰練習 134
5.6 頁面布局的建議 144
第6章 定位――實現元素的疊加
6.1 定位的position 屬性 149
6.2 層級 150
6.3 相對定位 151
6.4 絕對定位 152
6.5 固定定位 155
6.6 透明度 157
6.6.1 opacity 157
6.6.2 rgba(r, g, b, a) 159
第7章 表格與表單――信息展示與信息採集
7.1 表格 165
7.1.1 表格結構 165
7.1.2 表格的邊框 166
7.1.3 區分表格頭部與表格主體 167
7.1.4 單元格合併 169
7.1.5 帶標題的表格 171
7.1.6 美化表格 171
7.2 表單 177
7.2.1 form 元素 177
7.2.2 input 元素 177
7.2.3 其他表單元素 183
第8章 HTML5 與CSS3 的新特性
8.1 HTML5 的新增元素 191
8.2 CSS3 的新增樣式 194
8.2.1 文本屬性 194
8.2.2 字體屬性 195
8.2.3 背景 196
8.2.4 過渡效果 200
8.2.5 動畫 201
8.2.6 圓角邊框 202
8.2.7 2D 轉換 203
8.2.8 calc() 函數計算 206
第9章 PC 端實戰――製作一個購物網頁
9.1 PxCook 工具介紹 211
9.1.1 PxCook 下載 211
9.1.2 PxCook 安裝 211
9.1.3 PxCook“快速入門”文檔 212
9.1.4 新建項目 212
9.1.5 開發模式 213
9.1.6 設計模式 214
9.1.7 配合Photoshop 完成切圖 215
9.2 項目結構 215
9.3 網頁製作前的準備 217
9.3.1 分辨率 217
9.3.2 內容居中 217
9.4 項目佈局 218
9.5
9.5.1 圖文對齊 220
9.5.2 錨點 223
9.6
9.6.1 複雜頁面的選擇器使用 224
9.6.2 留白較多的頁面怎樣佈局 225
9.7
9.8
9.9 小結 226
附錄
HTML 元素速查表(按字母順序排列) 227
CSS 屬性速查表 230
盒模型相關屬性 232
HTML 實體符號速查表 236
CSS3 選擇器 239
CSS 單位速查表 240
思考與練習答案 241
主題書展
更多書展今日66折
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大,除封面破損、內頁脫落等較嚴重的狀態,其餘商品將正常出貨。
特別提醒:部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供,需以QR CODE 連結至當地網站註冊“並通過驗證程序”,方可下載使用。
無現貨庫存之簡體書,將向海外調貨:
海外有庫存之書籍,等候約45個工作天;
海外無庫存之書籍,平均作業時間約60個工作天,然不保證確定可調到貨,尚請見諒。
為了保護您的權益,「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨,請在商品鑑賞期內寄回,且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。