CSS常見(jiàn)屬性

塊級(jí)元素和行內(nèi)元素例子以及特性


<strong>塊級(jí)元素</strong>:所謂塊級(jí)元素就是直觀上占位一行的元素,不能與任何其他元素共同排列在一行扇调,同時(shí)塊級(jí)元素的默認(rèn)寬度和瀏覽器頁(yè)面寬度一樣狼钮,塊級(jí)元素可以包含另一個(gè)塊級(jí)元素和行內(nèi)元素熬芜;比如div涎拉、nav、address季俩、table酌住、form消痛、p肄满、head等都是塊級(jí)元素。
<strong>行內(nèi)元素</strong>行內(nèi)元素就是可以與其他元素共占一行怒炸,行內(nèi)元素不能包含塊級(jí)元素阅羹,但是可以包含行內(nèi)元素。行內(nèi)元素的寬度與內(nèi)容長(zhǎng)短有關(guān)导梆,而不能通過(guò)width進(jìn)行設(shè)置〔卣叮可以包含字符串,em兆览、img拓颓、input、span、等標(biāo)簽都是行內(nèi)元素溉痢。
同時(shí)塊級(jí)元素和行內(nèi)元素的不同還體現(xiàn)在盒模型上。對(duì)于行內(nèi)元素镀娶,margin只能對(duì)其進(jìn)行左右設(shè)置,padding也只能對(duì)左右進(jìn)行設(shè)置轩娶,對(duì)于行內(nèi)元素高度不能使用height來(lái)設(shè)置椰弊,要使用line-height來(lái)進(jìn)行設(shè)置

什么是CSS繼承闹司?哪些屬性可以繼承耐朴,哪些不能韩肝?


所謂css繼承是指在html節(jié)點(diǎn)樹(shù)狀圖中迷守,子元素能夠繼承父元素的相應(yīng)屬性镰吵,比如當(dāng)父元素的文本顏色設(shè)置為紅色時(shí)檩禾,子元素中也存在著文本,但是沒(méi)有設(shè)置相應(yīng)顏色疤祭,此時(shí)子元素會(huì)繼承父元素的這一文本字體顏色設(shè)定盼产,將字體設(shè)置為紅色。
但不是所有的屬性都可以繼承
不可繼承的屬性有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。
內(nèi)聯(lián)元素可以繼承的屬性有l(wèi)etter-spacing颤诀、word-spacing字旭、white-space、line-height崖叫、color遗淳、font、 font-family心傀、font-size屈暗、font-style、font-variant、font-weight养叛、text- decoration种呐、text-transform、direction一铅。
所有元素可以繼承的有visibility和cursor陕贮。
塊狀元素可以繼承的有text-indent和text-align堕油。
列表元素可以繼承的有l(wèi)ist-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)


E {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

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


px:相對(duì)單位長(zhǎng)度,像素是相對(duì)于顯示器分辨率而言
rem:相對(duì)長(zhǎng)度搜囱,但是針對(duì)根元素(html)字體大小而言
em:相對(duì)長(zhǎng)度丑瞧,針對(duì)父元素字體大小而言

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


body{
      font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

作用是設(shè)置字體大小以及字體格式,由于有些詞組之間存在空格绊汹,因此需要加引號(hào),還有當(dāng)字體名字為中文時(shí)候需要加引號(hào)扮宠。\5b8b\4f53是unicode碼西乖,代表宋體,因而需要加引號(hào)坛增。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末获雕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子收捣,更是在濱河造成了極大的恐慌届案,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件罢艾,死亡現(xiàn)場(chǎng)離奇詭異萝玷,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)昆婿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)球碉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人仓蛆,你說(shuō)我怎么就攤上這事睁冬。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵豆拨,是天一觀的道長(zhǎng)直奋。 經(jīng)常有香客問(wèn)我,道長(zhǎng)施禾,這世上最難降的妖魔是什么脚线? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮弥搞,結(jié)果婚禮上邮绿,老公的妹妹穿的比我還像新娘。我一直安慰自己攀例,他們只是感情好船逮,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著粤铭,像睡著了一般挖胃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上梆惯,一...
    開(kāi)封第一講書(shū)人閱讀 51,590評(píng)論 1 305
  • 那天酱鸭,我揣著相機(jī)與錄音,去河邊找鬼垛吗。 笑死凹髓,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的职烧。 我是一名探鬼主播扁誓,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蚀之!你這毒婦竟也來(lái)了蝗敢?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤足删,失蹤者是張志新(化名)和其女友劉穎寿谴,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體失受,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡讶泰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拂到。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痪署。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖兄旬,靈堂內(nèi)的尸體忽然破棺而出狼犯,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布悯森,位于F島的核電站宋舷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瓢姻。R本人自食惡果不足惜祝蝠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望幻碱。 院中可真熱鬧绎狭,春花似錦、人聲如沸收班。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)摔桦。三九已至,卻和暖如春承疲,著一層夾襖步出監(jiān)牢的瞬間邻耕,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工燕鸽, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留兄世,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓啊研,卻偏偏與公主長(zhǎng)得像御滩,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子党远,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案削解? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別? 基本概念: 一沟娱、塊級(jí)元素:block ele...
    FLYSASA閱讀 567評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些氛驮?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素有 div h1 h2 h3 h4 h...
    向前沖沖的蝸牛閱讀 292評(píng)論 0 0
  • HTML元素類(lèi)型 HTML元素又分為塊級(jí)(block-level)元素與行內(nèi)(內(nèi)聯(lián)、inline-level)元素...
    尾巴尾巴尾巴閱讀 162評(píng)論 0 0
  • 塊級(jí)元素和行內(nèi)元素分別有哪些 塊級(jí)元素block-level: div济似、h1/h2/h3.. p form...
    饑人谷_hfz閱讀 271評(píng)論 0 0