something about css(3)

塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別

塊級(jí)元素block-level: div h1~h6 form ul li table p

  1. 每個(gè)塊級(jí)元素都從新的一行開始癌蚁,并且其后的元素也另起一行幻梯。
  2. 元素的高度、寬度努释、行高以及頂和底邊距都可設(shè)置碘梢。
  3. 元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致)伐蒂,除非設(shè)定一個(gè)寬度煞躬。
  4. 塊級(jí)元素可以放行內(nèi)元素和塊級(jí)元素

行內(nèi)元素inline-level: em stong span button label input textarea img br

  1. 和其他元素都在一行上;
  2. 元素的高度逸邦、寬度恩沛、行高及頂部和底部邊距不可設(shè)置;
  3. 元素的寬度就是它包含的文字或圖片的寬度缕减,不可改變雷客。
  4. 行內(nèi)元素只能包含行內(nèi)元素和文本

什么是 CSS 繼承? 哪些屬性能繼承,哪些不能桥狡?

css繼承就是只子節(jié)點(diǎn)繼承父節(jié)點(diǎn)的屬性

  • 不可繼承的:display搅裙、margin、border总放、padding呈宇、background、height局雄、min-height、max- height存炮、width炬搭、min-width、max-width穆桂、overflow宫盔、position、left享完、right灼芭、top、 bottom般又、z-index彼绷、float巍佑、clear、table-layout寄悯、vertical-align萤衰、page-break-after、 page-bread-before和unicode-bidi猜旬。

  • 所有元素可繼承:visibility和cursor脆栋。

  • 內(nèi)聯(lián)元素可繼承:letter-spacing、word-spacing洒擦、white-space椿争、line-height、color熟嫩、font丘薛、 font-family、font-size邦危、font-style洋侨、font-variant、font-weight倦蚪、text- decoration希坚、text-transform、direction陵且。

  • 塊狀元素可繼承:text-indent和text-align裁僧。

  • 列表元素可繼承:list-style、list-style-type慕购、list-style-position聊疲、list-style-image。

  • 表格元素可繼承:border-collapse沪悲。

如何讓塊級(jí)元素水平居中获洲?如何讓行內(nèi)元素水平居中?

  • 塊級(jí)元素: margin:0 auto;
  • 行內(nèi)元素:text-align:center

單行文本溢出加 ...如何實(shí)現(xiàn)?

white-space:nowrap;不折行

overflow:hidden;超出部分隱藏

text-overflow:ellipsis;顯示省略符號(hào)來(lái)代表被修剪的文本。

px, em, rem 有什么區(qū)別

  • (Pixel)是像素殿如,是固定值贡珊。
  • 值并不是固定的,會(huì)繼承父級(jí)元素的字體大小涉馁,是默認(rèn)字體大小的倍數(shù)门岔。
  • rem為元素設(shè)定字體大小時(shí),仍然是相對(duì)大小烤送,但相對(duì)的只是HTML根元素

解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?

body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b   \4f53',sans-serif;
}
  • 表明整個(gè)body里面的字體大小為12px,行高為12px的1.5倍寒随,即18px.字體優(yōu)先采用tahoma字體议忽,后面用,分開的都是備選字體旋炒,若前面的字體瀏覽器找不到則按照順序依次往下選擇。

  • 引號(hào)表明字體名稱包含空格,引號(hào)內(nèi)部是一個(gè)字體的整體名稱昔园。

  • 在 CSS 中設(shè)置字體時(shí)瘪弓,直接寫字體中文或英文名稱瀏覽器都能識(shí)別宰掉,直接寫中文的情況下編碼(GB2312恐仑、UTF-8 等)不匹配時(shí)會(huì)產(chǎn)生亂碼。保險(xiǎn)的方式是將字體名稱用Unicode來(lái)表示判帮。代碼中的'\5b8b\4f53'就是用Unicode表示的字體宋體局嘁。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市晦墙,隨后出現(xiàn)的幾起案子悦昵,更是在濱河造成了極大的恐慌,老刑警劉巖晌畅,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件但指,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡抗楔,警方通過(guò)查閱死者的電腦和手機(jī)棋凳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)连躏,“玉大人剩岳,你說(shuō)我怎么就攤上這事∪肴龋” “怎么了拍棕?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)勺良。 經(jīng)常有香客問(wèn)我绰播,道長(zhǎng),這世上最難降的妖魔是什么尚困? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任蠢箩,我火速辦了婚禮,結(jié)果婚禮上尾组,老公的妹妹穿的比我還像新娘忙芒。我一直安慰自己,他們只是感情好讳侨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著奏属,像睡著了一般跨跨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天勇婴,我揣著相機(jī)與錄音忱嘹,去河邊找鬼。 笑死耕渴,一個(gè)胖子當(dāng)著我的面吹牛拘悦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播橱脸,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼础米,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了添诉?” 一聲冷哼從身側(cè)響起屁桑,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎栏赴,沒(méi)想到半個(gè)月后蘑斧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡须眷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年竖瘾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片花颗。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡捕传,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捎稚,到底是詐尸還是另有隱情乐横,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布今野,位于F島的核電站葡公,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏条霜。R本人自食惡果不足惜催什,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望宰睡。 院中可真熱鬧蒲凶,春花似錦、人聲如沸拆内。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)麸恍。三九已至灵巧,卻和暖如春搀矫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背刻肄。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工瓤球, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人敏弃。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓卦羡,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親麦到。 傳聞我的和親對(duì)象是個(gè)殘疾皇子绿饵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

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

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表隅要,主要用...
    寥寥十一閱讀 1,833評(píng)論 0 6
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒(méi)有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,055評(píng)論 0 1
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素蝴罪;行內(nèi)(內(nèi)聯(lián)、inline-level)元素步清。 塊元素的...
    饑人谷_小侯閱讀 2,002評(píng)論 1 4
  • 一.CSS描述 CSS全稱為“層疊樣式表(Cascading Style Sheets)”要门,它主要是用于定義HTM...
    snowy_sunny閱讀 1,075評(píng)論 0 4