CSS命名規範 BEM

良好的代碼結構,HTML和css元素之間的關系,對于項目傳遞是很重要的!

BEM解釋:

(1).block 是BEM的區塊(B),包含内容和風格。如bootstrap架構的.container。

(2).block-element 代表自子容器(E)。如bootstrap架構的輪播圖,.carousel表示輪播圖,carousel-indicators表示輪播圖的對應點,carousel-inner表示輪播圖的内容。

(3).block-modifier,表示區塊元素的改變(M)。如bootstrap架構的 ​

​text-danger。​

作者:孟繁貴

css 命名規範 BEM 輪播圖 bootstrap

比賽

喜歡比賽的我總會挑戰極限。

去年的時候,我和媽媽去醫院看望一個病人,走進醫院,看到了電梯和樓梯,我的腦海裡頓時浮現出了一個念頭,我要和電梯比賽,于是便對媽媽說:“媽媽,你坐電梯,我走樓梯,看誰先到樓上算誰赢。”“好啊,不過你可要快點哦”。“哼,不要小瞧我,我可是很快的。”

我和媽媽走進“比賽場地”,心裡想着,3、2、1、GO!我飛奔上了樓,媽媽還在“悠閑”地“走”着。

你們猜,最後是誰赢了?沒錯就是我。我飛奔上了樓,走到了指定位置,靠着大柱子,雙手交叉放到胸前,右腿搭在左腿上,跟别人欠了我的帳在等着錢送來一樣。我的心裡數着123……終于,媽媽上來了,比我慢了十秒。

媽媽慢條斯理地走出了電梯,看到我驚訝地說:“你怎麼這麼快,比我坐電梯還快,簡直是神速啊!唉,看來我成了你的手下敗将了,不過别得意,下次一定赢你。”幸好我沒坐電梯,要不然成為手下敗将的就是我了。我的手摸着心口深深的呼了一口氣。

生活中的我就是這樣,不僅喜愛比賽,更愛挑戰自己的極限!

上一篇: 縫隙