-
reset.css重置樣式，去除所有的樣式包括標(biāo)題的字體大小 normalize.css常規(guī)化樣式，在默認(rèn)的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比于傳統(tǒng)的CSS reset，Normalize.css是一種現(xiàn)代的、為HTML5準(zhǔn)備的優(yōu)質(zhì)替代方案查看全部
-
模塊分析！查看全部
-
"ctrl"+"shift"+"[" 收縮代碼， "ctrl"+"shift"+"]" 展開代碼, "ctrl"+"e" 快速生成一個(gè)div.查看全部
-
奇偶選擇器函數(shù) 所有奇數(shù)：：nth-child(odd){} 所有偶數(shù)： nth-child(even){}查看全部
-
問題：中間有縫隙 解決：padding=0 marjin=0 font-size重置為0（總的div中） 字體大小不同，行高不同查看全部
-
子元素浮動(dòng)，pre>div{ float:left} 父元素 pre:after{ context:'';display;block;clear;both;} display 屬性規(guī)定元素應(yīng)該生成的框的類型 block :塊對(duì)象的默認(rèn)值。用該值為對(duì)象之后添加新行 :after 選擇器向選定的元素之后插入內(nèi)容。 使用content 屬性來指定要插入的內(nèi)容。查看全部
-
normalize css常規(guī)化 reset css重置查看全部
-
#banner.inner沒有居中作用，改成.inner就可以了 #banner.inner h1沒有消除h1的邊距，改成.inner h1就可以了查看全部
-
https://necolas.github.io/normalize.css/7.0.0/normalize.css查看全部
-
<section> 標(biāo)簽 定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。 <section> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。 <nav> 標(biāo)簽定義導(dǎo)航鏈接的部分。 HTML 4.01 與 HTML 5 之間的差異 <nav> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。 提示和注釋 提示：如果文檔中有“前后”按鈕，則應(yīng)該把它放到 <nav> 元素中。 HTML5中的新元素標(biāo)簽<nav>用來將具有導(dǎo)航性質(zhì)的鏈接劃分在一起，使代碼結(jié)構(gòu)在語義化方面更加準(zhǔn)確，同時(shí)對(duì)于屏幕閱讀器等設(shè)備的支持也更好。 一直以來，我們習(xí)慣于使用形如<div id="nav">或<ul id="nav">這樣的代碼來寫頁面的導(dǎo)航；在HTML5中，我們可以直接將導(dǎo)航鏈接列表放到<nav>標(biāo)簽中 nav元素是一個(gè)可以用來作為頁面導(dǎo)航的鏈接組；其中的導(dǎo)航元素鏈接到其他頁面或當(dāng)前頁面的其他部分。并不是所有的鏈接組都要被放進(jìn)<nav>元素；例如，在頁腳中通常會(huì)有一組鏈接，包括服務(wù)條款、首頁、版權(quán)聲明等；這時(shí)使用<footer>元素是最恰當(dāng)?shù)模恍枰?lt;nav>元素。 一個(gè)頁面中可以擁有多個(gè)<nav>元素，作為頁面整體或不同部分的導(dǎo)航；查看全部
-
首先大體，進(jìn)行模塊分析查看全部
-
重置樣式查看全部
-
對(duì)于inline,non-replaced elements, 行內(nèi)元素?zé)o法設(shè)置寬高,也無法設(shè)置margin,padding. 其中對(duì)于行內(nèi)元素又分成了2類討論： 若top/bottom/margin-top/margin-bottom的計(jì)算值為auto,則按0計(jì)算. width和height屬性不起作用(doesn't apply),此時(shí)盒子的高度取決于line-height. (而不是所有的內(nèi)聯(lián)元素width都不起作用) 塊狀元素可以嵌套塊狀元素，也可以嵌套行間元素 行間元素不可以嵌套塊狀元素，只能嵌套行間元素 display:block block元素會(huì)獨(dú)占一行，多個(gè)block元素會(huì)各自新起一行。默認(rèn)情況下，block元素寬度自動(dòng)填滿其父元素寬度。 block元素可以設(shè)置width,height屬性。塊級(jí)元素即使設(shè)置了寬度,仍然是獨(dú)占一行。 block元素可以設(shè)置margin和padding屬性。 display:inline inline元素不會(huì)獨(dú)占一行，多個(gè)相鄰的行內(nèi)元素會(huì)排列在同一行里，直到一行排列不下，才會(huì)新?lián)Q一行，其寬度隨元素的內(nèi)容而變化。 inline元素設(shè)置width,height屬性無效。 inline元素的margin和padding屬性，水平方向的padding-left, padding-right, margin-left, margin-right都產(chǎn)生邊距效果；但豎直方向的padding-top, padding-bottom, margin-top, margin-bottom不會(huì)產(chǎn)生邊距效果。 display:inline-block 簡單來說就是將對(duì)象呈現(xiàn)為inline對(duì)象，但是對(duì)象的內(nèi)容作為block對(duì)象呈現(xiàn)。之后的內(nèi)聯(lián)對(duì)象會(huì)被排列在同一行內(nèi)。比如我們可以給一個(gè)link（a元素）inline-block屬性值，使其既具有block的寬度高度特性又具有inline的同行特性。查看全部
-
字體大小不同，導(dǎo)致行高不同，圖片中間產(chǎn)生間隙，設(shè)置font-size:0;查看全部
-
頁面布局查看全部
舉報(bào)
0/150
提交
取消