第01天京東css實(shí)戰(zhàn)頭部1教學(xué)

webstormwebstormFile-->Settings-File-->Settings-->AppearencewebstormFile-File-->importsettingspinkThemewebstorm自帶了很多風(fēng)格包，也包含了我們導(dǎo)入的風(fēng)格包，當(dāng)我們需要設(shè)置不同風(fēng)格的時(shí)候，只需File-->Settings-File-->Settings-->Editor-->color&fontsFile--File-->settings-->Appearance&Behavior-->appearancewebstormFile--File-->Settings-->Editor-->colors&fonts-->fontcssjsgbk的編碼，這個(gè)時(shí)候，容易出現(xiàn)亂碼，因此可以修改新建文File-->Settings--File-->Settings-->Editor很多同學(xué)，寫(xiě)代碼喜歡照著老師的思路去寫(xiě)，webstorm在某個(gè)文件上右鍵即可在某個(gè)文件上右鍵即可webstormwebstormAltInsert插入文件（fn鍵htmlAltF2調(diào)出瀏覽器選項(xiàng)Ctrl+/ Ctrl+D ctrl+shift+Z:反撤銷(xiāo)CtrlAltLpsd ）,是PS軟件的格式，可以使用PS或者firework打開(kāi)。這種格式會(huì)存儲(chǔ)所有的圖層、參考線、注解、顏色等信息，psd圖包含的信息比較多，因此比其他格式的要大得如何使用火狐瀏覽器截取整個(gè)網(wǎng)頁(yè)的PearlCrescentPage打開(kāi)問(wèn)題因?yàn)楣雀铻g覽器加載/啟動(dòng)速度非常的快，而火狐瀏覽器因?yàn)閱?dòng)的時(shí)候要加載很多東西，包括插動(dòng)速度，并且安裝谷歌瀏覽器的插件需要。我們通常直接給火狐瀏覽器安裝插件就行了，反正不常用，慢就慢點(diǎn)唄。3：網(wǎng)頁(yè)加載完成了，底部還是截取不全？由于剛，很多東西都需要磨合，而且三天京東主要目的就是讓熟悉新的開(kāi)發(fā)工具以及復(fù)習(xí)基礎(chǔ)班學(xué)過(guò)的CSS知識(shí)，所有這三天會(huì)給充足的練習(xí)時(shí)間。bugbugbug10bug30老師不在，技術(shù)輔導(dǎo)不在，自己和同學(xué)搞不定，bug文件保留（一定要保留），按照上課老師講cssJSbug是非常浪費(fèi)時(shí)間的。所以一定要按照要求，先按照老師的思路學(xué)會(huì)了再進(jìn)行創(chuàng)新，否則按照自己的思路亂寫(xiě)，找我會(huì)讓輔導(dǎo)老師收大家的作業(yè)，也會(huì)不定期的大家的作業(yè)，在DOM之前所有的代碼必須要寫(xiě)到xmind寫(xiě)一份今日的知識(shí)點(diǎn)總結(jié)，連同作業(yè)一起收。項(xiàng)目==一、 文 二、 控制樣 放的文件夾五、音頻京東 能京東圖 所有的圖絕大多數(shù)的小圖標(biāo)都會(huì)放在 下<link<linkrel="shortcuticon"href="favicon.ico"type="image/x-icon"/>inputinput、textareainput的邊框fieldset,fieldset,img,input,button,textarea{border:none;padding:0;margin:0;outline-style:none;}textaretextarea的調(diào)整大textareatextarearesize:none;}設(shè)置的對(duì)其方3pximgimgborder:0vertical-align:middle;}紅紅橙 紅紅火 黃：黃金萬(wàn)固定布固定布局 FixedLayout固定了版心的就叫固定布局響應(yīng)式布局ResponsiveLayout流式布 FluidLayout柵格布 GridLayout瀑布流布局WaterfallLayout圣杯布局雙飛翼布局HolyGrailLayout兩邊固定中間變化base.css<link<linkrel="stylesheet"href="css/base.css"<linkrel="stylesheet"href="css/index.css"<!--快捷導(dǎo)航<!--快捷導(dǎo)航begin<divclass="shortcut"<divclass="w"<divclass="fl"</div><divclass="fr"</div></div></div><!--快捷導(dǎo)航end2.3.1isem的廢物利i本來(lái)是italic意大利斜體的但是后來(lái)結(jié)構(gòu)樣式分離這種表示樣式的就廢棄其實(shí)span完全可以，但是i正好是icon圖標(biāo)這個(gè)英文單詞的首字母，并且只有一個(gè)字母所bootstrapsem但是這些有自身的默認(rèn)樣式，在使用的時(shí)候要把默認(rèn)樣式清除（樣式初始化中已經(jīng)清楚2.3.2最常用的就是&;<有些瀏覽器會(huì)把<還有>當(dāng)作是所以最規(guī)范的寫(xiě)法是<HTML10個(gè)空格，在顯示該頁(yè)面之前，瀏覽器會(huì)刪除它們中的9個(gè)。如需在頁(yè)面中