CSS...

塊級元素和行內(nèi)元素分別有哪些?

塊級元素: h1~h6 div p form ul ol li table th tr td dl dd dt
行內(nèi)元素: a img span em strong input label textarea sub sup abbr
塊級元素可以包含塊級元素和行內(nèi)元素 而行內(nèi)元素只能包含行內(nèi)元素和文本
塊級元素獨(dú)自占一行 而行內(nèi)元素只占據(jù)自寬度
塊級元素可以設(shè)置寬高 而行內(nèi)元素設(shè)置寬高無效
塊級元素可以設(shè)置 內(nèi)外邊距 而行內(nèi)元素設(shè)置上下的內(nèi)外邊距沒有用 設(shè)置左右的內(nèi)外邊距有效


CSS 繼承 哪些屬性能繼承仪吧,哪些不能背苦?

html可以用樹形結(jié)構(gòu)來表示 html標(biāo)簽為根 然后 head body 一級一級向下
繼承就是一些設(shè)置了一些特定的屬性的元素,這些屬性可以傳遞給這些元素的子孫元素
可繼承的元素
color:文本顏色
direction:規(guī)定文本的書寫方向
text-align:文本水平對齊
line-height: 行高
text-indent:文本縮進(jìn)
text-transform:控制文本大小寫
word-spacing:增加或減少單詞間的空白(即字間隔)
letter-spacing:增加或減少字符間的空白(字符間距)
font:組合字體
font-family:規(guī)定元素的字體系列
font-weight:設(shè)置字體的粗細(xì)
font-size:設(shè)置字體的尺寸
font-style:定義字體的風(fēng)格
font-variant:設(shè)置小型大寫字母的字體顯示文本笤成,這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫总处,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小筹麸。
font-size-adjust:為某個(gè)元素規(guī)定一個(gè) aspect 值活合,這樣就可以保持首選字體的 x-height。
塊級元素可以繼承的屬性: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抛计。


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

塊級元素可以用 margin: 0 auto; 行內(nèi)元素可以用 text-align: center;


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


單行文本溢出加 ...

white-space: nowrap; 屬性設(shè)置如何處理元素內(nèi)的空白照筑。nowrap 文本不會換行吹截,文本會在在同一行上繼續(xù),直到遇到
標(biāo)簽為止凝危。
overflow: hidden; overflow 屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情波俄。hidden 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的媒抠。
text-overflow: ellipsis 屬性規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情弟断。ellipsis 顯示省略符號來代表被修剪的文本。


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

px像素(Pixel)趴生。固定單位

em是相對長度單位阀趴。相對于父元素字體大小寬高長度的倍數(shù)

rem是一個(gè)相對單位(root em昏翰,根em)。這個(gè)單位與em有什么區(qū)別呢刘急?區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)棚菊,仍然是相對大小,但相對的只是HTML根元素叔汁。通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小统求,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。


下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?

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

字體大小為12px 行高為字體大小的1.5倍 也就是 18px 從左到右依次尋找寫的字體 有就用 沒有就下一個(gè) 最后的sans-serif是為了保證在前幾種字體都沒有的情況下 計(jì)算能正常顯示 sans-serif計(jì)算機(jī)里都有
加引號是因?yàn)?字體里有空格
\5b8b\4f53 宋體据块,是一個(gè) Unicode 編碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末码邻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子另假,更是在濱河造成了極大的恐慌像屋,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件边篮,死亡現(xiàn)場離奇詭異己莺,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)戈轿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門凌受,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人思杯,你說我怎么就攤上這事胜蛉。” “怎么了智蝠?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵腾么,是天一觀的道長。 經(jīng)常有香客問我杈湾,道長解虱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任漆撞,我火速辦了婚禮殴泰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浮驳。我一直安慰自己悍汛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布至会。 她就那樣靜靜地躺著离咐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宵蛀,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天昆著,我揣著相機(jī)與錄音,去河邊找鬼术陶。 笑死凑懂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的梧宫。 我是一名探鬼主播接谨,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼塘匣!你這毒婦竟也來了脓豪?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤馆铁,失蹤者是張志新(化名)和其女友劉穎跑揉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體埠巨,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年现拒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辣垒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡印蔬,死狀恐怖勋桶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情侥猬,我是刑警寧澤例驹,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站退唠,受9級特大地震影響鹃锈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞧预,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一屎债、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧垢油,春花似錦盆驹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至硝枉,卻和暖如春廉丽,著一層夾襖步出監(jiān)牢的瞬間倦微,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工雅倒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留璃诀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓蔑匣,卻偏偏與公主長得像劣欢,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子裁良,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評論 2 354

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案凿将? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評論 1 92
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素;行內(nèi)(內(nèi)聯(lián)价脾、inline-level)元素牧抵。 塊元素的...
    饑人谷_小侯閱讀 2,006評論 1 4
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,055評論 0 1
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要!G劝选O洹)繼承、特殊性秋柄、層疊获枝、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,082評論 0 40
  • 今天是禮拜天,我懶了一下床骇笔,寶貝自己早早起床了省店,自己找了吃的,然后自己到別處去玩笨触,不打擾我休息懦傍,感覺自己是個(gè)不稱職...
    可愛冰兒閱讀 142評論 0 0