從0到1：HTML+CSS快速上手

從0到1：HTML+CSS快速上手讀書筆記模板01思維導(dǎo)圖讀書筆記目錄分析內(nèi)容摘要精彩摘錄作者介紹目錄0305020406思維導(dǎo)圖上手基礎(chǔ)讀者前端開發(fā)教學(xué)作者樣式簡(jiǎn)介標(biāo)簽文本邊框圖片第章基礎(chǔ)超鏈接對(duì)齊表格表單列表本書關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要作者根據(jù)自己多年的網(wǎng)站開發(fā)及教學(xué)經(jīng)驗(yàn)，站在零基礎(chǔ)讀者的角度，詳細(xì)介紹了HTML和CSS的基礎(chǔ)知識(shí)，以及大量的前端開發(fā)技巧。全書分為2大部分：第1部分是HTML基礎(chǔ)，主要介紹各種標(biāo)簽的使用；第二部分是CSS基礎(chǔ)，主要介紹樣式布局操作。此外，作者還結(jié)合實(shí)際工作及前端面試，精心挑選了大量高質(zhì)量的練習(xí)題放在每章最后，讀者可以邊學(xué)邊練，更好地掌握本書內(nèi)容。本書提供了所有案例的源代碼、配套視頻課程，以及各種工具手冊(cè)。另外，為方便老師教學(xué)，還提供了配套的PPT教學(xué)課件。本書適合零基礎(chǔ)的初學(xué)者使用，可以作為前端開發(fā)人員的參考書，也可作為培訓(xùn)學(xué)校、大中專院校相關(guān)專業(yè)的教學(xué)參考書。讀書筆記讀書筆記還可以講了基礎(chǔ)的html和css語法。草草的看完了，比較基礎(chǔ)得東西，確實(shí)會(huì)對(duì)新手比較友好。我不是從事開發(fā)工作的人，工作內(nèi)容與開發(fā)無關(guān)，但是快速翻閱此書，覺得這本書對(duì)初學(xué)者非常友好。我決定在微讀里讀一讀作者這個(gè)系列的書，一顆不死的開發(fā)之心，蠢蠢欲動(dòng)，又開始學(xué)起js，比起之前，現(xiàn)在似乎更能跟上腳步。很好，讀起來沒有一點(diǎn)困難，特別適合我這種有點(diǎn)經(jīng)驗(yàn)的小白快速過一遍。很不錯(cuò)的入門書，我這個(gè)外行愛好者都看懂了。這書很好，很有體系。挺好。這本書深入淺出的講解了關(guān)于HTML及CSS的基本知識(shí)，讀者可以很輕松的在實(shí)踐中掌握這些知識(shí)。一小時(shí)讀完，例子豐富，與w3cschool類似，雖然不夠全面，但是會(huì)詳細(xì)講解，入門的話建議多動(dòng)手實(shí)踐。精彩摘錄精彩摘錄在HTML中，一般來說，只有6個(gè)標(biāo)簽?zāi)芊旁趆ead標(biāo)簽內(nèi)。title標(biāo)簽。meta標(biāo)簽。link標(biāo)簽。style標(biāo)簽。script標(biāo)簽。base標(biāo)簽。meta標(biāo)簽的**-equiv屬性只有兩個(gè)重要作用：定義網(wǎng)頁所使用的編碼，定義網(wǎng)頁自動(dòng)刷新跳轉(zhuǎn)。HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→移動(dòng)Web→Vue.js靜態(tài)頁面和動(dòng)態(tài)頁面的區(qū)別在于是否與服務(wù)器進(jìn)行數(shù)據(jù)交互。meta標(biāo)簽一般用于定義頁面的特殊信息，如頁面關(guān)鍵字、頁面描述等。這些信息不是提供給用戶看的，而是提供給搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。簡(jiǎn)單地說，meta標(biāo)簽就是用來告訴“搜索蜘蛛”這個(gè)頁面是做什么的。br標(biāo)簽是用來給文字換行的，而p標(biāo)簽是用來給文字分段的。空格的代碼是“ ”。粗體標(biāo)簽：strong、b。斜體標(biāo)簽：i、em、cite。上標(biāo)標(biāo)簽：sup。下標(biāo)標(biāo)簽：sub。中劃線標(biāo)簽：s。下劃線標(biāo)簽：u。大字號(hào)標(biāo)簽：big。小字號(hào)標(biāo)簽：small。目錄分析第1章HTML簡(jiǎn)介第2章開發(fā)工具第3章基本標(biāo)簽第4章文本第一部分HTML基礎(chǔ)第5章列表第6章表格第7章圖片第8章超鏈接第9章表單第10章框架010302040506第一部分HTML基礎(chǔ)第1章HTML簡(jiǎn)介1.1前端技術(shù)簡(jiǎn)介1.2什么是HTML1.3常見問題第2章開發(fā)工具2.1開發(fā)工具2.2使用HBuilder第3章基本標(biāo)簽3.1HTML結(jié)構(gòu)3.2head標(biāo)簽3.3body標(biāo)簽3.4HTML注釋3.5本章練習(xí)第4章文本4.1文本簡(jiǎn)介4.2標(biāo)題標(biāo)簽4.3段落標(biāo)簽4.4文本標(biāo)簽4.5水平線標(biāo)簽4.6div標(biāo)簽4.7自閉合標(biāo)簽4.8塊元素和行內(nèi)元素4.9特殊符號(hào)第5章列表5.1列表簡(jiǎn)介5.2有序列表5.3無序列表5.4定義列表5.5HTML語義化5.6本章練習(xí)第6章表格6.1表格簡(jiǎn)介6.2基本結(jié)構(gòu)6.3完整結(jié)構(gòu)6.4語義化6.5合并行：rowspan6.6合并列：colspan6.7本章練習(xí)第7章圖片7.1圖片標(biāo)簽7.2圖片路徑7.3圖片格式7.4本章練習(xí)第8章超鏈接8.1超鏈接簡(jiǎn)介8.2內(nèi)部鏈接8.3錨點(diǎn)鏈接8.4本章練習(xí)第9章表單9.1表單簡(jiǎn)介9.2form標(biāo)簽9.3input標(biāo)簽9.4單行文本框9.5密碼文本框9.6單選框9.7復(fù)選框9.8按鈕9.9文件上傳第10章框架10.1iframe標(biāo)簽10.2練習(xí)題第11章CSS簡(jiǎn)介第12章CSS選擇器第13章字體樣式第14章文本樣式第二部分CSS基礎(chǔ)第15章邊框樣式第16章列表樣式第17章表格樣式第18章圖片樣式第19章背景樣式12345第二部分CSS基礎(chǔ)第20章超鏈接樣式第21章盒子模型第22章浮動(dòng)布局第23章定位布局第二部分CSS基礎(chǔ)第11章CSS簡(jiǎn)介11.1CSS簡(jiǎn)介11.2CSS引入方式11.3本章練習(xí)第12章CSS選擇器12.1元素的id和class12.2選擇器是什么12.3CSS選擇器12.4本章練習(xí)第13章字體樣式13.1字體樣式簡(jiǎn)介13.2字體類型：font-family13.3字體大?。篺ont-size13.4字體粗細(xì)：font-weight13.5字體風(fēng)格：font-style13.6字體顏色：color13.7CSS注釋13.8本章練習(xí)第14章文本樣式14.1文本樣式簡(jiǎn)介14.2首行縮進(jìn)：text-indent14.3水平對(duì)齊：text-align14.4文本修飾：text-decoration14.5大小寫：text-transform14.6行高：line-height14.7間距：letter-spacing、word-spacing14.8本章練習(xí)第15章邊框樣式15.1邊框樣式簡(jiǎn)介15.2整體樣式15.3局部樣式15.4本章練習(xí)第16章列表樣式16.1列表項(xiàng)符號(hào)：list-style-type16.2列表項(xiàng)圖片：list-style-image16.3本章練習(xí)第17章表格樣式17.1表格標(biāo)題位置：caption-side17.2表格邊框合并：border-collapse17.3表格邊框間距：border-spacing17.4本章練習(xí)第18章圖片樣式18.1圖片大小18.2圖片邊框18.3圖片對(duì)齊18.4文字環(huán)繞：float18.5本章練習(xí)第19章背景樣式19.1背景樣式簡(jiǎn)介19.2背景顏色：background-color19.3背景圖片樣式：background-image19.4背景圖片重復(fù)：background-repeat19.5背景圖片位置：background-position19.6背景圖片固定：background-attachment19.7本章練習(xí)第20章超鏈接樣式20.1超鏈接偽類20.2深入了解:hover20.3鼠標(biāo)樣式20.4本章練習(xí)第21章盒子模型21.1CSS盒子模型21.2寬高：width、height21.3邊框：border21.4內(nèi)邊距：padding21.5外邊距：margin21.6本章練習(xí)第22章浮動(dòng)布局22.1文檔流簡(jiǎn)介22.2浮動(dòng)22.3清除浮動(dòng)