任務(wù)八

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

  • 行內(nèi)元素:span, strong, em, br, img , input, label, select, textarea

  • 塊級(jí)元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

區(qū)別1:塊級(jí)元素獨(dú)占一行煤伟,行內(nèi)元素的長(zhǎng)度就是內(nèi)容的長(zhǎng)度癌佩。
區(qū)別2:塊級(jí)元素可以設(shè)置寬高木缝,行內(nèi)元素不能設(shè)定寬和高。
區(qū)別3:塊級(jí)元素可以包含行內(nèi)元素围辙,但行內(nèi)元素不能包含塊級(jí)元素
區(qū)別4:行內(nèi)元素設(shè)置margin會(huì)失效我碟,設(shè)置padding有效但不能撐開父級(jí)元素的高度。

二 什么是 CSS 繼承? 哪些屬性能繼承姚建,哪些不能矫俺?

所謂的css繼承指的是被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì),它是一種機(jī)制,它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素,還可以應(yīng)用于它的后代掸冤。在css中厘托,繼承是一種非常自然的行為,但是繼承也有其局限性稿湿。有些屬性是不能繼承的铅匹。這沒有任何原因,只是因?yàn)橐?guī)則就是這么設(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

  • 所有元素可繼承: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

四 用 CSS 實(shí)現(xiàn)一個(gè)三角形

代碼

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

E{
white-space:nowrap; /強(qiáng)制在同一行內(nèi)顯示所有文本, 直到文本結(jié)束或者遭遇br對(duì)象昆汹。/
overflow:hidden; /隱藏溢出/
text-overflow;ellipsis;;/當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)明刷。 /
}

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

  • px 固定單位

  • em 相對(duì)單位,相對(duì)父元素字體大小

  • rem 相對(duì)單位满粗,相對(duì)于根元素(html)字體大小

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

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

  1. 代碼作用
  • 設(shè)置默認(rèn)字體大小為12px辈末,字體行高1.5,字體樣式(優(yōu)先級(jí)依次遞減)
  1. 為什么要加引號(hào)
  • 當(dāng)字體名字為中文時(shí)映皆,需要加引號(hào)
  • 當(dāng)有多個(gè)英文單詞挤聘,空格隔開的字體名字,需要加引號(hào)
  1. 代表什么
  • 代表字體的Unicod碼捅彻,Unicode碼全球通用组去,用該碼表示字體是最保險(xiǎn)的,獲得該碼的方式可以在網(wǎng)上查找步淹,或者在開發(fā)者工具中輸入escape指令从隆。
  • \5b8b 為Unicode的“宋”,\4f53 為Unicode的“體”缭裆,合起來即為宋體键闺。

八 代碼

代碼一

代碼二

代碼三

代碼四

代碼五

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市澈驼,隨后出現(xiàn)的幾起案子辛燥,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挎塌,死亡現(xiàn)場(chǎng)離奇詭異畅铭,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)勃蜘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來假残,“玉大人缭贡,你說我怎么就攤上這事』岳粒” “怎么了阳惹?”我有些...
    開封第一講書人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)眶俩。 經(jīng)常有香客問我莹汤,道長(zhǎng),這世上最難降的妖魔是什么颠印? 我笑而不...
    開封第一講書人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任纲岭,我火速辦了婚禮,結(jié)果婚禮上线罕,老公的妹妹穿的比我還像新娘止潮。我一直安慰自己,他們只是感情好钞楼,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開白布喇闸。 她就那樣靜靜地躺著,像睡著了一般询件。 火紅的嫁衣襯著肌膚如雪燃乍。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,736評(píng)論 1 312
  • 那天宛琅,我揣著相機(jī)與錄音刻蟹,去河邊找鬼。 笑死夯秃,一個(gè)胖子當(dāng)著我的面吹牛座咆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播仓洼,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼介陶,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了色建?” 一聲冷哼從身側(cè)響起哺呜,我...
    開封第一講書人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎箕戳,沒想到半個(gè)月后某残,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體国撵,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年玻墅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了介牙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡澳厢,死狀恐怖环础,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情剩拢,我是刑警寧澤线得,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站徐伐,受9級(jí)特大地震影響贯钩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜办素,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一角雷、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧性穿,春花似錦谓罗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至胯舷,卻和暖如春刻蚯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背桑嘶。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工炊汹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人逃顶。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓讨便,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親以政。 傳聞我的和親對(duì)象是個(gè)殘疾皇子霸褒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

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

  • 1. 塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 答: (1)塊級(jí)元素含義:block ele...
    黃同學(xué)2019閱讀 762評(píng)論 0 1
  • 塊級(jí)元素和行內(nèi)元素分別有哪些盈蛮?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素有div hi p hr form ul ...
    饑人谷_我已經(jīng)是一條咸魚了閱讀 237評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案废菱? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,762評(píng)論 1 92
  • 一、CSS選擇器常見的有幾種? 基本選擇器 通配選擇器~選擇文檔中所有的html元素,用一個(gè)*表示 元素選擇器~選...
    dengpan閱讀 966評(píng)論 0 3
  • 課程前瞻 已經(jīng)有很多電腦和手機(jī)軟件可以支持繪制思維導(dǎo)圖殊轴,但用觸手可及的紙筆手繪仍然是最自然和最方便的思維導(dǎo)圖繪制方...
    嘉璐LL閱讀 370評(píng)論 0 0