html+css

1.讓子元素居頂: valign

<td height="600" valign="top">   
       <table border="1" width="%90" align="center">             <tr>          

<td>1</td> </tr>
</table></td>

2.排列是橫著還是豎著:

a.用<div>包裹,就是豎著碧绞,因?yàn)?lt;div>是塊級(jí)元素
<td>   <div> ![](images/01.png)</div>    ![](images/01.png)</td>
b.行級(jí)元素羹蚣,就是橫著排列的
  <img> ...<img>

align:left  和 float:left的區(qū)別
對(duì)一個(gè)節(jié)點(diǎn)align:left 的話,下一個(gè)節(jié)點(diǎn)元素不管是塊級(jí)還是行級(jí)都會(huì)在這個(gè)節(jié)點(diǎn)的右邊開始排列监婶。

3.vspace 屬性與hspace屬性:

![](images/01.png)![](images/01.png)

4.使用 em 來(lái)設(shè)置字體大小

如果要避免在 Internet Explorer 中無(wú)法調(diào)整文本的問(wèn)題,許多開發(fā)者使用 em 單位代替 pixels。

W3C 推薦使用 em 尺寸單位。
1em 等于當(dāng)前的字體尺寸挎狸。如果一個(gè)元素的 font-size 為 16 像素,那么對(duì)于該元素断楷,1em 就等于 16 像素锨匆。在設(shè)置字體大小時(shí),em 的值會(huì)相對(duì)于父元素的字體大小改變。
瀏覽器中默認(rèn)的文本大小是 16 像素恐锣。因此 1em 的默認(rèn)尺寸是 16 像素茅主。
可以使用下面這個(gè)公式將像素轉(zhuǎn)換為 em:pixels/16=em
(注:16 等于父元素的默認(rèn)字體大小,假設(shè)父元素的 font-size 為 20px土榴,那么公式需改為:pixels/20=em

5.讓自己居于父元素的中間:

<style>
    #target {
          margin:0 auto;
    }
</style>
<div>
        <div id = "target"> 1234 </div>
 </div>

6.float針對(duì)不同的IE版本不一樣
如果footer上面的都左浮動(dòng)诀姚,那么對(duì)于footer可以clear浮動(dòng)。
#footer { clear: left; border: 1px solid black; height: 110px;}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末玷禽,一起剝皮案震驚了整個(gè)濱河市赫段,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌矢赁,老刑警劉巖糯笙,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異撩银,居然都是意外死亡给涕,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門额获,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)够庙,“玉大人,你說(shuō)我怎么就攤上這事抄邀≡耪#” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵撤摸,是天一觀的道長(zhǎng)毅桃。 經(jīng)常有香客問(wèn)我,道長(zhǎng)准夷,這世上最難降的妖魔是什么钥飞? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮衫嵌,結(jié)果婚禮上读宙,老公的妹妹穿的比我還像新娘。我一直安慰自己楔绞,他們只是感情好结闸,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酒朵,像睡著了一般桦锄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蔫耽,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天结耀,我揣著相機(jī)與錄音,去河邊找鬼。 笑死图甜,一個(gè)胖子當(dāng)著我的面吹牛碍粥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播黑毅,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼嚼摩,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了矿瘦?” 一聲冷哼從身側(cè)響起枕面,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎缚去,沒(méi)想到半個(gè)月后膊畴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡病游,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了稠通。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衬衬。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖改橘,靈堂內(nèi)的尸體忽然破棺而出滋尉,到底是詐尸還是另有隱情,我是刑警寧澤飞主,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布狮惜,位于F島的核電站,受9級(jí)特大地震影響碌识,放射性物質(zhì)發(fā)生泄漏碾篡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一筏餐、第九天 我趴在偏房一處隱蔽的房頂上張望开泽。 院中可真熱鬧,春花似錦魁瞪、人聲如沸穆律。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)峦耘。三九已至,卻和暖如春旅薄,著一層夾襖步出監(jiān)牢的瞬間辅髓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留利朵,地道東北人律想。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像绍弟,于是被迫代替她去往敵國(guó)和親技即。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案樟遣? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 本文主要是起筆記的作用而叼,內(nèi)容來(lái)自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,630評(píng)論 0 30
  • CSS格式化排版 1、字體 我們可以使用css樣式為網(wǎng)頁(yè)中的文字設(shè)置字體豹悬、字號(hào)葵陵、顏色等樣式屬性。下面我們來(lái)看一個(gè)例...
    張文靖同學(xué)閱讀 1,279評(píng)論 0 3
  • 1.行內(nèi)元素和塊級(jí)元素?img算什么?行內(nèi)元素怎么轉(zhuǎn)化為塊級(jí)元素? 行內(nèi)元素:和有他元素都在一行上瞻佛,高度脱篙、行高及外...
    極樂(lè)君閱讀 2,409評(píng)論 0 20
  • 文/蘇菲大嬸 (8) 江遠(yuǎn)在凌晨3:30分,終于和遠(yuǎn)在美國(guó)的同事們開完了電話會(huì)議伤柄,他長(zhǎng)長(zhǎng)地舒了一口氣绊困,合上電腦,癱...
    蘇菲大嬸閱讀 208評(píng)論 0 1