任務(wù)8

塊級(jí)元素和行內(nèi)元素的區(qū)別

1.塊級(jí)元素獨(dú)占一行,默認(rèn)情況下颗胡,其寬度自動(dòng)填滿其父元素寬度毫深;而行內(nèi)元素不會(huì)獨(dú)占一行,相鄰行內(nèi)元素會(huì)排列在同一行里毒姨,直到一行排不下哑蔫,才會(huì)換行,其寬度隨元素的內(nèi)容而變化
2.塊級(jí)元素的width,height屬性可以設(shè)置手素,設(shè)置了寬度還是獨(dú)占一行鸳址,行內(nèi)元素設(shè)置無(wú)效
3.塊級(jí)元素的margin,padding屬性可以設(shè)置生效,而行內(nèi)元素僅在左右方向會(huì)產(chǎn)生邊距效果泉懦,上下無(wú)效
4.塊級(jí)元素display屬性為block稿黍,行內(nèi)元素為inline

css繼承

css的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。
不可繼承的: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í)元素:設(shè)置margin為0,auto;
行內(nèi)元素:text-align:center

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

使用不同位置的border厚度實(shí)現(xiàn)不同方向的三角形 具體代碼見(jiàn)文末代碼演示

設(shè)置單行文本溢出顯示...

white-space:nowrap;
overflow:hidden;
text-overflow;

px,em和rem

px:絕對(duì)單位,頁(yè)面按精確像素展示
em:相對(duì)單位橙依,基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小证舟,如果自身定義了font-size按自身來(lái)計(jì)算(瀏覽器默認(rèn)字體是16px),整個(gè)頁(yè)面內(nèi)1em不是一個(gè)固定的值窗骑。
rem:相對(duì)單位女责,可理解為”root em”, 相對(duì)根節(jié)點(diǎn)html的字體大小來(lái)計(jì)算,CSS3新加屬性

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

body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
設(shè)置字體大小為12px抵知,行高1.5倍,后面從左到右挑選可以使用的字體软族,在中文和多個(gè)英文單詞拼寫的字體兩邊需要加引號(hào)辛藻,\5b8b\4f53為unicode編碼,表示宋體

任務(wù)代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末互订,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子痘拆,更是在濱河造成了極大的恐慌仰禽,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異吐葵,居然都是意外死亡规揪,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門温峭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)猛铅,“玉大人,你說(shuō)我怎么就攤上這事凤藏〖楹觯” “怎么了?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵揖庄,是天一觀的道長(zhǎng)栗菜。 經(jīng)常有香客問(wèn)我,道長(zhǎng)蹄梢,這世上最難降的妖魔是什么疙筹? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮禁炒,結(jié)果婚禮上而咆,老公的妹妹穿的比我還像新娘。我一直安慰自己幕袱,他們只是感情好暴备,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凹蜂,像睡著了一般馍驯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上玛痊,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天汰瘫,我揣著相機(jī)與錄音,去河邊找鬼擂煞。 笑死混弥,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的对省。 我是一名探鬼主播蝗拿,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蒿涎!你這毒婦竟也來(lái)了哀托?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤劳秋,失蹤者是張志新(化名)和其女友劉穎仓手,沒(méi)想到半個(gè)月后胖齐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嗽冒,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年呀伙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片添坊。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡剿另,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出贬蛙,到底是詐尸還是另有隱情雨女,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布速客,位于F島的核電站戚篙,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏溺职。R本人自食惡果不足惜岔擂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望浪耘。 院中可真熱鬧乱灵,春花似錦、人聲如沸七冲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)澜躺。三九已至蝉稳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間掘鄙,已是汗流浹背耘戚。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留操漠,地道東北人收津。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像浊伙,于是被迫代替她去往敵國(guó)和親撞秋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

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

  • 1嚣鄙、塊級(jí)元素和行內(nèi)元素分別有哪些吻贿?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素有:div,h1,h2,h3,h4,h...
    饑人谷_牛牛閱讀 317評(píng)論 0 0
  • 塊級(jí)元素和行內(nèi)元素分別有哪些?## 塊級(jí)元素 行內(nèi)元素 區(qū)別 塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素哑子,行內(nèi)元素只能...
    饑人谷_zhangfan閱讀 330評(píng)論 0 0
  • 1. 塊級(jí)元素和行內(nèi)元素分別有哪些舅列?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素div h1 ~ h6(標(biāo)題) p...
    在乎者也閱讀 380評(píng)論 0 1
  • Linux 的硬件信息命令 命令 lspci #lspci 查看系統(tǒng) PCI 設(shè)備 Peripheral Comp...
    no_today閱讀 198評(píng)論 0 0
  • 只愛(ài)水滸魯智深 禪杖打開生死路奉芦,戒刀殺盡不平人。 這一句剧蹂,大概是對(duì)魯提轄最好的描述。 梁山好漢百人烦却,獨(dú)為一人傾心宠叼。...
    小丑一人的康橋閱讀 258評(píng)論 1 1