Web前端開發(fā)精品課 HTML與CSS進(jìn)階教程

Web前端開發(fā)精品課HTML與CSS進(jìn)階教程讀書筆記模板01思維導(dǎo)圖讀書筆記目錄分析內(nèi)容摘要精彩摘錄作者介紹目錄0305020406思維導(dǎo)圖精品課進(jìn)階開發(fā)知識前端開發(fā)學(xué)習(xí)者內(nèi)容水平第章技巧性能布局語義基礎(chǔ)知識概念效果圖形模型屬性本書關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要本書內(nèi)容結(jié)合**在前后端大量開發(fā)中的實(shí)戰(zhàn)經(jīng)驗(yàn)，系統(tǒng)化知識，濃縮精華，用通俗易懂的語言直擊學(xué)習(xí)者的痛點(diǎn)。通過本書，能讓你從“野生網(wǎng)頁設(shè)計師”水平提升達(dá)到“真正前端工程師”水平。全書分為兩大部分：首部分是HTML進(jìn)階內(nèi)容，主要介紹HTML開發(fā)技巧和HTML語義化；第二部分是CSS進(jìn)階內(nèi)容，主要介紹CSS開發(fā)技巧、代碼規(guī)范、性能優(yōu)化、屬性本質(zhì)、重要概念（如包含塊、BFC和IFC等）。除了知識講解，教程還融入了大量的開發(fā)案例，更加注重編程思維的培養(yǎng)，并且提供學(xué)習(xí)者一個流暢的學(xué)習(xí)思路。讀書筆記讀書筆記受益匪淺，以前遇到的很多自認(rèn)為的“bug”，在這本書中都得到了答案。確實(shí)是精品課，適合學(xué)了工作了一段時間不甚了解的人以及開始學(xué)習(xí)想了解重點(diǎn)的人看。挺不錯的一本書，我強(qiáng)烈建議讀的時候一定要跟著敲代碼，不然你很難理解的，你敲了之后會豁然開朗。寫的不錯，對于我這種初學(xué)者來說，也能看的懂，就是需要實(shí)踐練習(xí)，看一遍根本不行，需要多動手去做才行。進(jìn)一步了解到了CSS里屬性的應(yīng)用和技巧，以及如何養(yǎng)成寫代碼的好習(xí)慣，在此非常感謝作者愿意把自己的知識與我們分享。寫的很好，確實(shí)當(dāng)?shù)钠疬M(jìn)階兩字，解決了我很多的疑惑，很多知識百度都很模糊，這里說的都很通透，結(jié)合CSS權(quán)威指南一起看，可以互相印證，非常棒?？偨Y(jié)很到位，書中所列皆為實(shí)際開發(fā)中遇到的各種問題，實(shí)用性強(qiáng)?；藥滋鞎r間，先粗讀了一下，但是已經(jīng)收獲很多，感謝作者毫無保留的貢獻(xiàn)，下來準(zhǔn)備再細(xì)讀一遍。精彩摘錄精彩摘錄figure元素用于包含圖片和圖注，figcaption元素用于表示圖注文字。在實(shí)際開發(fā)中，對于“圖片+圖注”效果，我們都建議使用figure和figcaption這兩個元素來實(shí)現(xiàn)，從而使得頁面的語義更加良好。W3C建議，對于頁面關(guān)鍵的結(jié)構(gòu)或者大結(jié)構(gòu)，我們才使用id。所謂的關(guān)鍵結(jié)構(gòu)，指的是諸如LOGO、導(dǎo)航、主體內(nèi)容、底部信息欄等結(jié)構(gòu)。對于一些小地方，還是建議使用class屬性。（1）一個頁面只能有一個h1標(biāo)簽。（2）h1～h6之間不要斷層。（3）不要用h1～h6來定義樣式。（4）不要用div來代替h1～h6。對于id和class，我們總結(jié)一下：對于頁面關(guān)鍵結(jié)構(gòu)，建議使用id；對于小地方，建議使用class。就算我們不需要對關(guān)鍵結(jié)構(gòu)進(jìn)行CSS操作或者JavaScript操作，也建議加上id，以便搜索引擎識別頁面結(jié)構(gòu)。外邊距疊加，又稱“margin疊加”，指的是當(dāng)兩個垂直外邊距相遇時，這兩個外邊距將會合并為一個外邊距，即“二變一”。其中，疊加之后的外邊距高度等于發(fā)生疊加之前的兩個外邊距中的最大值。如果圖片作為HTML的一部分，并且想要被搜索引擎識別，則應(yīng)該使用img標(biāo)簽，例如常見的各種圖片列表。如果圖片僅僅是起到修飾作用，并且不想被搜索引擎識別，則應(yīng)該使用背景圖片。<br/>標(biāo)簽僅僅用于段落中的換行，不能用于其他情況。目錄分析第02章語義化第01章HTML基礎(chǔ)知識第一部分HTML進(jìn)階第03章CSS基礎(chǔ)知識第04章CSS規(guī)范第05章盒子模型第06章display屬性第07章文本效果12345第二部分CSS進(jìn)階第08章表單效果第09章浮動布局第10章定位布局第11章CSS圖形第12章性能優(yōu)化12345第二部分CSS進(jìn)階第14章重要概念第13