《Head First HTML and CSS》讀后感精選10篇

1、PAGE 此資料由網(wǎng)絡收集而來，如有侵權請告知上傳者立即刪除。資料共分享，我們負責傳遞知識。Head First HTML and CSS讀后感精選10篇Head First HTML and CSS是一本由Elisabeth Robson / Eric Freeman著作，OReilly Media出版的Paperback圖書，本書定價：USD 39.99，頁數(shù)：768，特精心從網(wǎng)絡上整理的一些讀者的讀后感，希望對大家能有幫助。Head First HTML and CSS讀后感(一)：看起來很厚，讀起來很薄Head First 系列的特色就是： * 圖片很多 * 每章的內(nèi)容（包括遣詞造句）

2、都是按模板來寫的 * 所以只要你能看懂其中一章，那么其他章節(jié)基本上都能看懂（專業(yè)術語可能要查一下資料） 別看它有七百多頁而且還是英文的，只要你去讀就會發(fā)現(xiàn)其實沒那么厚，沒那么難懂。Head First HTML and CSS讀后感(二)：注意你看的版本HTML與CSS有兩版，第一版是2020年出的，書名是HTML, CSS和XHTML，中文版是2020年出的，第二版是2020年出的，書名是HTML和CSS，沒有中文版 不用說應該盡量看新版，新版對HTML5， mobile web等都有涉及，舊版已經(jīng)將近10年，雖然語法沒變，但標準，設備和網(wǎng)絡環(huán)境已經(jīng)變了很多，直接看新版更利于快速進入實戰(zhàn)階段

3、Head First HTML and CSS讀后感(三)：敢不要這么啰嗦么？在headfirst的官網(wǎng)沒有這本書的源碼下載，甚至書籍列表里找不到書名. 這本書真的是headfirst系列的？ 從書的編輯風格來說和其他書一樣， 但是真尼瑪啰嗦。 別的headfirst是為了講道理搞一些小對話小故事， 這貨是干湊對話故事啊，全都是廢話。 到處都是“這個后面再說”“那個后面再說” 其實都是一句話就說清楚的事。 哪怕你后面重復一遍加深印象也好。 img一個標簽扯了一整章， 這本書如果壓縮掉四分之一到三分之一會是一本好書。 買都買了，耐著性子再看?？赐昃腿?。Head First HTML and CS

4、S讀后感(四)：本書優(yōu)點和個人認為的HTML練習方式我是在codecademy上敲過他們的HTML5的6個單元之后才看的這本書。所以介紹性質的章節(jié)就跳過了。（很多概念也是敲之前就已經(jīng)有了解了。） 書的優(yōu)點： 行文很幽默，中間討論版本差異或者不太相同又容易搞混的概念時，會用擬人化的形式進行訪談，看著不枯燥。比其他大部分書的對照做到要好。而且會在介紹完后幫助讀者復習。 大量圖像，還有不同代碼的對比圖。確實做到了書籍一開始介紹的Head First原理。 和codecademy相比，本書在代碼實踐上用的都是一個個整體的網(wǎng)站設計，而且是在努力引導讀者自己思考。而codecademy網(wǎng)站每個練習單元雖然

5、也是整體，但是缺少網(wǎng)站的設計感，講解div 和 span 模型，或者absolute等位置時用的只是彩色方塊。只了解到這段代碼能起到什么作用，如果是比較喜歡思考的人，可能會自己嘗試著寫不同的語句試驗。碰到不想動腦子的就麻煩了。而書里會有各種各樣的問題促使人思考，所有的例子都不是空洞得只有概念。是基于網(wǎng)頁設計的思路，可以為以后的代碼設計鋪路。 e.g. : 講解fixed時用的是網(wǎng)站主希望“Free Cup”的標簽始終出現(xiàn)在瀏覽者的視野中?？梢宰屪x者思考平時自己瀏覽網(wǎng)頁時那些適應性區(qū)域的目的。 書的缺點： 我個人認為，可能就是太啰嗦，而且內(nèi)容有點少。就像他們自己說的，如果再深入就得1400頁了。

6、所以，這本書看完最好是再看看書中沒有說的十大主題和Head First Programming HTML 5這本書。 以及，太貴了。不過，亞馬遜上算是60%的價格？并不用花定價的錢。 實踐為主的練習方式：（個人意見和計劃） 1.到codecademy網(wǎng)站上用2到3天的時間把HTML的部分直接過一遍。 2.然后敲完這本書。（10天左右？） 3.打開幾個lofter博客，或者自己想寫但沒什么頭緒的類似網(wǎng)站，用瀏覽器的開發(fā)者工具瀏覽布局和div和span。自己猜猜代碼，然后把代碼扣下來，照著寫。 4.后續(xù)的話，估計就是各大網(wǎng)站都用MySQL , java 和PHP 的，所以還要接著學這些語言。 5.

7、學的時候，循環(huán)上述步驟。 我現(xiàn)在第三步進行了兩個網(wǎng)頁。感覺比純看書進步得要快一點。（也有可能是基礎已經(jīng)掌握了，不會像以前看代碼那么慢。）所以，今天正好把這篇評論寫了。如果看到的人，有什么更好的練習方法，希望能給我留個言ww先謝過了。Head First HTML and CSS讀后感(五)：和慕課網(wǎng)，w3school那些妖艷賤貨完全不一樣html和css我大概學了3遍，第一次是在萌碼，第二次是慕課網(wǎng)，最后一次是這本書，其中還看了一部分的w3school。 前面兩次的學代碼平臺看似互動的界面，其實學習效果很差。很多東西沒有講明白，比如css的布局，在前兩個網(wǎng)站都是給幾個例子讓你跟著做，我當時又求

8、快飛快的做完，然后過幾天就什么都忘了。 這本書的CSS布局是精華部分，先從html的flow說起，然后講float，position，果凍布局，表式布局。 下面是一些看書時記的筆記，細節(jié)部分怕忘了重新摘抄在這里： 1.target=“name”，name是窗口名字，_blank是一個特殊例子，意思是打開新窗口 2.一般使用id屬性來當作錨，在a標簽的href后面加上#id來尋找錨 3.依然是空元素，因為image不是的一部分，而是被引用 4.CSS的PPI是96，就是每inch包含96像素 5.可以通過設置img的屬性width和height來設置圖片的尺寸，但是這個方法仍然會下載全尺寸大小的

9、圖片（建議使用thumbnail技術） 6.瀏覽器對標簽和其它標簽有些不同，在載入頁面的內(nèi)容后才會根據(jù)img的src取回圖片 7.font-size最常用的單位是關鍵字，比如xx-small, x-small, small medium. 8.可以把font-weight的值設置成100-900間的100的倍數(shù) 9.width屬性專門用來指定盒子模型的content區(qū)域。盒子的真正寬度是左右padding，左右margin，左右border再加上content的width 10.width默認為auto，就是說它會自動填充到可以填充的區(qū)域 11.text-align將會調整塊級元素內(nèi)的所有行級

10、元素 12.如果使用%和em，那么值是相對的。而如果你把line-height的值設為1，那么它會變成自身font-size的一倍，而不是父元素的font-size 13.可以為行級標簽設置width，但是你看不到設置它們有什么用，除非你移動了它們的位置.除了標簽 14.偽類有5種狀態(tài)：link, visited, hover, focus, active 15.cascade就是瀏覽器的決定，給定一組樣式表和一組樣式，哪一個樣式會被使用 16.嵌套的block的margin發(fā)生折疊時，如果外層的元素有border，那么它們的margin不會碰到一起 17.每個設置了position位置的元素

11、都有一個z-index，也就是z軸 18.默認position值是“static” 19.把border-spacing想象成一般元素的margin，還有border-collapse 20.vertical-align 來確認所有在table中的內(nèi)容都垂直對齊，有top，middle，bottom 21.表式布局的關鍵是：display: table, table-row, table-cell。以及為cell設置的vertical-align 22.只有當元素使用absolute，fixed，relative才有Z軸。默認的“static”則沒有Z軸 23.relative positio

12、n取決于包含元素的標準流位置，然后再根據(jù)此位置做調整 24.行級元素，流的順序是從左上到右下 25.如果用手機觀看網(wǎng)頁，手機瀏覽器會理解標簽，并把它放在最下面而優(yōu)先顯示更重要的內(nèi)容 26. , controls, autoplay是布爾屬性 27.有 controls，autoplay，src，preload，poster，loop，width，height等屬性 28.偽類 nth-child() 參數(shù)為odd even 2n 2n+1 29.于rowspan對應的是colspan，作用于 30.列表屬性：包括list-style-image，list-style-type，list-style-position 31.下面的不需要標明name屬性 32. 可以創(chuàng)建一個小塊字段集合，增加可視化 33.在中加入m