CSS常見(jiàn)樣式(上)

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

塊級(jí)元素:div址芯,h1~h6灾茁,p,hr谷炸,form删顶,ul,dl淑廊,ol逗余,pre,table季惩,li录粱,dd,dt画拾,tr啥繁,td,th
行內(nèi)元素:em青抛,strong旗闽,span,a,br适室,img嫡意,button,iput捣辆,label蔬螟,select,textarea汽畴,code旧巾,script

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

  1. 塊級(jí)元素占一整行空間,而行內(nèi)元素只占據(jù)他自身的寬度空間忍些。
  2. 塊級(jí)元素總是在新行上開(kāi)始鲁猩,行內(nèi)元素和其他元素都在一行上。
  3. 塊級(jí)元素可以容納行內(nèi)元素和其他塊級(jí)元素罢坝,行內(nèi)元素只能容納文本或者其他行內(nèi)元素廓握。
  4. 塊級(jí)元素可設(shè)置寬高,行內(nèi)元素設(shè)置寬高無(wú)效炸客。
  5. 塊級(jí)元素設(shè)置padding和margin上下左右都生效疾棵,而行內(nèi)元素只有左右padding和margin生效,padding對(duì)行內(nèi)元素的背景色和邊框生效痹仙,但是不占據(jù)空間是尔。

2. 什么是 CSS 繼承? 哪些屬性能繼承,哪些不能开仰?

css的一個(gè)主要特征就是繼承拟枚,所謂css的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。它是依賴于祖先-后代的關(guān)系的众弓。繼承是一種機(jī)制恩溅,它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素,還可以應(yīng)用于它的后代谓娃。但是css繼承也有局限性脚乡,有些屬性是不能繼承的。
css可繼承和不可繼承的屬性

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

塊級(jí)元素水平居中:

margin: 0 auto;

行內(nèi)元素水平居中:

text-align: center;

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

Paste_Image.png

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

Paste_Image.png
white-space: nowrap; /*使文本不折行*/
overflow: hidden; /*溢出部分隱藏*/
text-overflow: ellipis; /*溢出部分用省略號(hào)表示*/

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

px: 固定單位
百分比(寬高奶稠?文字大小捡遍?line-height? position?)
em: 相對(duì)單位锌订,相對(duì)于父元素字體大小
rem: 相對(duì)單位,相對(duì)于根元素(html)字體大小

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

Paste_Image.png

設(shè)置字體大小為12px画株,行高為字體的1.5倍辆飘。字體從tahoma開(kāi)始查詢啦辐,tahoma未查詢到則往右依次查詢。
'Hiragino Sans GB‘中間有空格蜈项,防止瀏覽器不能正確識(shí)別芹关,加引號(hào)代表一個(gè)整體。\5b8b\4f53是代表的宋體的unicode碼战得,以防瀏覽器不能很好的識(shí)別中文和英文充边,使用unicode碼更保險(xiǎn)庸推。

代碼1饑人谷
代碼2按鈕
代碼3表格
代碼4三角形
代碼5card

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末常侦,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子贬媒,更是在濱河造成了極大的恐慌聋亡,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件际乘,死亡現(xiàn)場(chǎng)離奇詭異坡倔,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)脖含,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門罪塔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人养葵,你說(shuō)我怎么就攤上這事征堪。” “怎么了关拒?”我有些...
    開(kāi)封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵佃蚜,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我着绊,道長(zhǎng)谐算,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任归露,我火速辦了婚禮洲脂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘剧包。我一直安慰自己恐锦,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布玄捕。 她就那樣靜靜地躺著踩蔚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪枚粘。 梳的紋絲不亂的頭發(fā)上馅闽,一...
    開(kāi)封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼福也。 笑死局骤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的暴凑。 我是一名探鬼主播峦甩,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼现喳!你這毒婦竟也來(lái)了凯傲?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤嗦篱,失蹤者是張志新(化名)和其女友劉穎冰单,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體灸促,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡诫欠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了浴栽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荒叼。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖典鸡,靈堂內(nèi)的尸體忽然破棺而出被廓,到底是詐尸還是另有隱情,我是刑警寧澤椿每,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布伊者,位于F島的核電站,受9級(jí)特大地震影響间护,放射性物質(zhì)發(fā)生泄漏亦渗。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一汁尺、第九天 我趴在偏房一處隱蔽的房頂上張望法精。 院中可真熱鬧,春花似錦痴突、人聲如沸搂蜓。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)帮碰。三九已至,卻和暖如春拾积,著一層夾襖步出監(jiān)牢的瞬間殉挽,已是汗流浹背丰涉。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留斯碌,地道東北人一死。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像傻唾,于是被迫代替她去往敵國(guó)和親投慈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(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,753評(píng)論 1 92
  • 塊級(jí)元素和行內(nèi)元素分別有哪些伪煤?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素 行內(nèi)元素 區(qū)別: 1.塊級(jí)元素能包含塊級(jí)...
    阿魯提爾閱讀 318評(píng)論 0 1
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素: 行內(nèi)元素: 3.行內(nèi)元素與塊級(jí)元素...
    LINPENGISTHEONE閱讀 260評(píng)論 0 0
  • 1. 塊級(jí)元素和行內(nèi)元素分別有哪些猴抹?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別. 常用的塊狀元素有: 带族、 锁荔、 ... 蟀给、 、...
    饑人谷_Jack閱讀 259評(píng)論 0 1
  • 一阳堕、安裝 1.下載 Nginx 安裝文件到你的目錄下載地址 2.解壓安裝文件tar -zxvf nginx-1.x...
    壹芝的博客閱讀 1,057評(píng)論 0 1