任務(wù)8-CSS樣式1

1湿蛔、塊級元素和行內(nèi)元素分別有哪些墓卦?動手測試并列出4條以上的特性區(qū)別。

塊級元素有:H1到H6 div p table ul ol li dd dt tr td form
行內(nèi)元素有:a img br em span button input label textarea
1)塊級元素(block-level)占據(jù)一整行空間蝗羊,行業(yè)元素(inline-level)占據(jù)自身寬度空間精置。
2)塊級元素可以包含塊級元素和行內(nèi)元素,而行內(nèi)元素只能包含行內(nèi)和文本元素娇豫。
3)塊級元素可以設(shè)置寬高匙姜,行內(nèi)元素設(shè)置寬高無效,但是img標(biāo)簽例外冯痢。
4)塊級元素可以設(shè)置內(nèi)外邊距氮昧,行內(nèi)元素設(shè)置內(nèi)外邊距對上下不管用,只對左右有效浦楣。

2袖肥、什么是 CSS 繼承? 哪些屬性能繼承,哪些不能振劳?

CSS繼承是指子元素實現(xiàn)父元素的某些屬性椎组,font字體類屬性,文本類屬性等可以繼承如letter-spacing历恐、word-spacing寸癌、white-space、line-height夹供、color灵份、font仁堪。
不可繼承有盒模型屬性類哮洽,比如margin、border弦聂、padding鸟辅、background、height莺葫、width等匪凉。

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

塊級元素可以設(shè)置margin:0 auto;
行內(nèi)元素可以將其放入一個塊元素內(nèi)再层,然后設(shè)置塊元素的屬性text-align: center即可。

4堡纬、用 CSS 實現(xiàn)一個三角形聂受?

設(shè)置塊元素的高寬為0,并設(shè)置邊框?qū)挾葹槿切蔚母呖靖洌粝乱粋€方向上的邊框顯示即可蛋济。想實現(xiàn)其它方向的三角形,合理設(shè)置留出哪個方向上的邊框就可以了炮叶。
如下

  width:0;
  height:0;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-bottom:50px red solid;```

### 5碗旅、單行文本溢出加 ...如何實現(xiàn)?
給單行文本加如下屬性渡处,缺一不可。

white-space: nowrap; 文本超過邊框不換行
overflow: hidden; 文本超過邊框的部分隱藏
text-overflow: ellipsis;超過邊框的部分用...顯示

### 6祟辟、px, em, rem 有什么區(qū)別医瘫?
px:屏幕分辨率,像素單位旧困。
em:是相對于父元素的字體大小屬性而計算的倍數(shù)單位登下。
rem:rem是相對于根元素<html>字體大小而計算的倍數(shù)單位。
### 7叮喳、解釋下面代碼的作用?為什么要加引號? 字體里的數(shù)字符號代表什么?

body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}設(shè)置body元素所有后代元素下的字體樣式為:字體大小12PX被芳,行高為當(dāng)
前字體大小的1.5倍,字體優(yōu)先選擇順序為tahoma,arial ,Hiragino Sans GB,\5b8b\4f53,sans-serif,
其中加引號的字體是因為它有多個單詞組成馍悟,數(shù)字符號實際上是宋體的unicode 表示方式畔濒。

[1](http://js.jirengu.com/nevemowega/2/)
[2](http://js.jirengu.com/caqejuqeqa/2/)
[3](http://js.jirengu.com/lixudinase/3/)
[4](http://js.jirengu.com/cosulakomi/2/)
[5](http://js.jirengu.com/petezupeki/2/)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市锣咒,隨后出現(xiàn)的幾起案子侵状,更是在濱河造成了極大的恐慌,老刑警劉巖毅整,帶你破解...
    沈念sama閱讀 223,207評論 6 521
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趣兄,死亡現(xiàn)場離奇詭異,居然都是意外死亡悼嫉,警方通過查閱死者的電腦和手機艇潭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,455評論 3 400
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來戏蔑,“玉大人蹋凝,你說我怎么就攤上這事∽芸茫” “怎么了鳍寂?”我有些...
    開封第一講書人閱讀 170,031評論 0 366
  • 文/不壞的土叔 我叫張陵,是天一觀的道長情龄。 經(jīng)常有香客問我迄汛,道長,這世上最難降的妖魔是什么骤视? 我笑而不...
    開封第一講書人閱讀 60,334評論 1 300
  • 正文 為了忘掉前任鞍爱,我火速辦了婚禮,結(jié)果婚禮上尚胞,老公的妹妹穿的比我還像新娘硬霍。我一直安慰自己,他們只是感情好笼裳,可當(dāng)我...
    茶點故事閱讀 69,322評論 6 398
  • 文/花漫 我一把揭開白布唯卖。 她就那樣靜靜地躺著粱玲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拜轨。 梳的紋絲不亂的頭發(fā)上抽减,一...
    開封第一講書人閱讀 52,895評論 1 314
  • 那天,我揣著相機與錄音橄碾,去河邊找鬼卵沉。 笑死,一個胖子當(dāng)著我的面吹牛法牲,可吹牛的內(nèi)容都是我干的史汗。 我是一名探鬼主播,決...
    沈念sama閱讀 41,300評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼拒垃,長吁一口氣:“原來是場噩夢啊……” “哼停撞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起悼瓮,我...
    開封第一講書人閱讀 40,264評論 0 277
  • 序言:老撾萬榮一對情侶失蹤戈毒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后横堡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體埋市,經(jīng)...
    沈念sama閱讀 46,784評論 1 321
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,870評論 3 343
  • 正文 我和宋清朗相戀三年命贴,在試婚紗的時候發(fā)現(xiàn)自己被綠了道宅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,989評論 1 354
  • 序言:一個原本活蹦亂跳的男人離奇死亡套么,死狀恐怖培己,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情胚泌,我是刑警寧澤,帶...
    沈念sama閱讀 36,649評論 5 351
  • 正文 年R本政府宣布肃弟,位于F島的核電站玷室,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏笤受。R本人自食惡果不足惜穷缤,卻給世界環(huán)境...
    茶點故事閱讀 42,331評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望箩兽。 院中可真熱鬧津肛,春花似錦、人聲如沸汗贫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,814評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至部蛇,卻和暖如春摊唇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涯鲁。 一陣腳步聲響...
    開封第一講書人閱讀 33,940評論 1 275
  • 我被黑心中介騙來泰國打工巷查, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抹腿。 一個月前我還...
    沈念sama閱讀 49,452評論 3 379
  • 正文 我出身青樓岛请,卻偏偏與公主長得像,于是被迫代替她去往敵國和親警绩。 傳聞我的和親對象是個殘疾皇子髓需,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,995評論 2 361

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