css常見樣式

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

塊級(jí)元素:div,h1~h6库正,p厘唾,hr,form抚垃,ul,dl铣焊,ol罕伯,pre,table坟募,li邑狸,dd,dt 昂利,r届腐,td蜂奸,th
行內(nèi)元素:em 扩所,strong 朴乖,span ,a袁勺, br ,img 期丰,button 吃挑,input ,label ,select ,textareacode ,script

特性區(qū)別:

  • 塊級(jí)元素獨(dú)占一整行埠通,行內(nèi)元素只占自身寬度
  • 塊級(jí)元素可包含塊級(jí)元素和行內(nèi)元素逛犹,行內(nèi)元素只能包含文字和行內(nèi)元素
  • 行內(nèi)元素設(shè)置margin和padding上下無(wú)效,
  • 塊級(jí)元素可以定義寬高,行內(nèi)元素的寬高不能自定義

2. 什么是css繼承掠手?哪些屬性能繼承狸捕?哪些不能?

css繼承就是子元素繼承父元素的css樣式屬性

能繼承的屬性:
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萎津、list-style、list-style-type荤傲、list-style-position颈渊、list-style-image、text-indent和text-align

不能繼承的屬性:
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鼻听。

3.如何讓塊級(jí)元素居中?如何讓行內(nèi)元素水平居中精算?

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

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

image.png

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

image.png

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

  • px是固定單位驮履,像素單位鱼辙,1px即1像素倒戏;準(zhǔn)確設(shè)置像素大小
  • em是相對(duì)單位恐似,相對(duì)于父元素所設(shè)置的字體大小,1em為父元素大小的1倍
  • rem相對(duì)單位葛闷,rem是基于根元素,HTML決定rem的大小淑趾。例如瀏覽器的默認(rèn)字體為12px忧陪,則1rem=12px;不受其他影響。

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

代碼作用:body設(shè)置字體大小為12px延蟹,行高為字體大小的1.5倍叶堆,字體按優(yōu)先級(jí)從高到低為tahoma,arial蹂空,Hiragino Sans GB,宋體上枕,sans-serif。
兩個(gè)單詞的字體用引號(hào)棋恼,防誤認(rèn)為兩個(gè)字體
斜杠數(shù)字是以十六進(jìn)制形式的字體Unicode碼(打開瀏覽器控制臺(tái)锈玉,輸入escape可查看16進(jìn)制碼)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市师崎,隨后出現(xiàn)的幾起案子椅棺,更是在濱河造成了極大的恐慌齐蔽,老刑警劉巖含滴,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谈况,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碑韵,警方通過(guò)查閱死者的電腦和手機(jī)谓着,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門赊锚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人舷蒲,你說(shuō)我怎么就攤上這事∮讯啵” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵纵柿,是天一觀的道長(zhǎng)启绰。 經(jīng)常有香客問(wèn)我,道長(zhǎng)委可,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任拾酝,我火速辦了婚禮卡者,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘材诽。我一直安慰自己,他們只是感情好岳守,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涝缝,像睡著了一般譬重。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上滩援,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天塔嬉,我揣著相機(jī)與錄音,去河邊找鬼恩袱。 笑死胶哲,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的澈吨。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼谅辣,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼屈藐!你這毒婦竟也來(lái)了熙尉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤包归,失蹤者是張志新(化名)和其女友劉穎铅歼,沒想到半個(gè)月后换可,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沾鳄,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡确憨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年休弃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片塔猾。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖糯俗,靈堂內(nèi)的尸體忽然破棺而出老虫,到底是詐尸還是另有隱情,我是刑警寧澤祈匙,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布天揖,位于F島的核電站,受9級(jí)特大地震影響今膊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜市埋,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一缤谎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧坷澡,春花似錦、人聲如沸含蓉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至斟赚,卻和暖如春着降,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背拗军。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工鹊碍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人食绿。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓侈咕,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親器紧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子耀销,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,753評(píng)論 1 92
  • 塊級(jí)元素和行內(nèi)元素分別有哪些铲汪? block-level div h1 h2 h3 h4 h5 h6 p hrfor...
    我要認(rèn)真學(xué)前端閱讀 1,135評(píng)論 0 1
  • 1狰住、塊級(jí)元素和行內(nèi)元素分別有哪些齿梁?它們的特性區(qū)別有哪些勺择? 1省核、塊級(jí)元素(block element),占據(jù)其父元素...
    徐國(guó)軍_plus閱讀 490評(píng)論 0 6
  • 任務(wù)81.塊級(jí)元素和行內(nèi)元素有哪些+區(qū)別2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能3. 如何讓塊級(jí)元素水...
    好奇而已閱讀 292評(píng)論 0 2
  • 俗話說(shuō)得好: “人生百般滋味” “生活需要笑對(duì)” 不錯(cuò), 人生不會(huì)一帆風(fēng)順 或 逆流而上萌壳,激流勇進(jìn) 或 隨波逐流袱瓮,...
    七小米hj閱讀 186評(píng)論 0 1