CSS 世界(1)

  1. 選擇器
  • 后代選擇器:選擇所有合乎規(guī)則的后代元素∷薪空格連接汽煮。
  • 相鄰后代選擇器:僅僅選擇合乎規(guī)則的兒子元素,孫子棚唆、重孫元素忽略暇赤,因此又稱“子選擇器”。用 > 連接宵凌。
  • 兄弟選擇器:選擇當(dāng)前元素后面的所有合乎規(guī)則的兄弟元素鞋囊。用 ~ 連接。適用 IE7 以上版本瞎惫。
  • 相鄰兄弟選擇器:僅僅選擇當(dāng)前元素相鄰的那個合乎規(guī)則的兄弟元素溜腐。用 + 連接。適用 IE7 以上版本瓜喇。
  1. 火狐認(rèn)為 :active 發(fā)生在 mousedown 事件之后挺益。

  2. 文字少居中對齊,文字多左對齊乘寒。CSS 代碼:

.box{
    text-align: center;
}
.content{
    display: inline-block;
    text-align: left;
}
  1. height: 100% 只有在設(shè)定顯式的高度值或者使用絕對定位后才支持望众。

  2. 為了提高加載性能以及節(jié)約寬帶費用,首屏以下的圖片就會通過滾屏加載的方式異步加載伞辛,然后烂翰,這個即將被異步加載的圖片為了布局穩(wěn)健、體驗良好始锚,往往會使用一張透明的圖片占位刽酱。比如:

<img src="transparent.png">

實際上,這個透明圖片也是多余的資源瞧捌,我們直接:

<img>

然后配合下面的 CSS 可以實現(xiàn)一樣的效果:

img { visibility: hidden; }
img[src] { visibility: visible; }

注意棵里,這里的 <img> 直接沒有 src 屬性,是直接沒有姐呐,而不是 src=''殿怜,src=''在很多瀏覽器依然會有請求,而且請求的是當(dāng)前頁面數(shù)據(jù)曙砂。當(dāng)圖片的 src 屬性缺省的時候头谜,圖片不會有任何請求,是最高效的方式鸠澈。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柱告,一起剝皮案震驚了整個濱河市截驮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌际度,老刑警劉巖葵袭,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異乖菱,居然都是意外死亡坡锡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進店門窒所,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鹉勒,“玉大人,你說我怎么就攤上這事吵取∏荻睿” “怎么了?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵皮官,是天一觀的道長绵疲。 經(jīng)常有香客問我,道長臣疑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任徙菠,我火速辦了婚禮讯沈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘婿奔。我一直安慰自己缺狠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布萍摊。 她就那樣靜靜地躺著挤茄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪冰木。 梳的紋絲不亂的頭發(fā)上穷劈,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機與錄音踊沸,去河邊找鬼歇终。 笑死,一個胖子當(dāng)著我的面吹牛逼龟,可吹牛的內(nèi)容都是我干的评凝。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼腺律,長吁一口氣:“原來是場噩夢啊……” “哼奕短!你這毒婦竟也來了宜肉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤翎碑,失蹤者是張志新(化名)和其女友劉穎谬返,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杈女,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡朱浴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了达椰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翰蠢。...
    茶點故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖啰劲,靈堂內(nèi)的尸體忽然破棺而出梁沧,到底是詐尸還是另有隱情,我是刑警寧澤蝇裤,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布廷支,位于F島的核電站,受9級特大地震影響栓辜,放射性物質(zhì)發(fā)生泄漏恋拍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一藕甩、第九天 我趴在偏房一處隱蔽的房頂上張望施敢。 院中可真熱鬧,春花似錦狭莱、人聲如沸僵娃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽默怨。三九已至,卻和暖如春骤素,著一層夾襖步出監(jiān)牢的瞬間匙睹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工济竹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留垃僚,地道東北人。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓规辱,卻偏偏與公主長得像谆棺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,691評論 2 361

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