第二次問答作業(yè)

1.什么是CSS語法成玫?

CSS 語法由三部分構(gòu)成:選擇器胞此、屬性和值撤奸。selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標(biāo)簽蒿柳,屬性 (property) 是你希望改變的屬性跪妥,并且每個(gè)屬性都有一個(gè)值舅列。屬性和值被冒號(hào)分開,并由花括號(hào)包圍卧蜓,這樣就組成了一個(gè)完整的樣式聲明(declaration):body {color: blue}上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍(lán)色帐要。在上述例子中,body 是選擇器烦却,而包括在花括號(hào)內(nèi)的的部分是聲明宠叼。聲明依次由兩部分構(gòu)成:屬性和值先巴,color 為屬性其爵,blue 為值。

2.列舉常見的CSS選擇器

1伸蚯、通配符

*{margin:0px;}全站最好只寫一個(gè)

2摩渺、標(biāo)簽選擇器

p{}

div{}

span{}

h2{}

3、id選擇器 命名用“#”開頭

#main{}

#side{} //在同一個(gè)頁面里面剂邮,id選擇器是唯一的摇幻,只能調(diào)用一次。

支持后代選擇器 #side p{}

例子:<div id=”side”>

<p>中國(guó)</p>

</div>

4挥萌、類選擇器 命名用“.”開頭

.banner{}

.footer{}

支持后代選擇器 .footer p{}

例子:<div class=” footer”>

<p>中國(guó)</p>

</div>

5绰姻、群組選擇器

p、span引瀑、div{}

.ss狂芋、.aa、.dd{}

#hh憨栽、#ee{}

6帜矾、后臺(tái)選擇器

.ss span{}

例子 <div class=”ss”>

<span>例子</span>

</div>

3.background如何簡(jiǎn)寫?

  可以縮寫為一句:background:#f00 url(img/1.jpg) no-repeat fixed 0 0;

? ? ?語法是background:color image repeat attachment position;

4.文本的屬性有哪些屑柔?請(qǐng)寫出font的復(fù)合式寫法屡萤?

1.text-indent:首行縮進(jìn)

2.line-height:行高

3. letter-spacing:文字間距屬性

4.color:顏色

5. text-align:文本對(duì)齊

6.text-decoration:文本修shi

復(fù)合寫法:font:font-weight font-style font-size/line-height font-famliy;

圖片發(fā)自簡(jiǎn)書App

5.text-indent有什么作用?

首行縮進(jìn)(1em為一個(gè)文字大械稹)

6.超鏈接a標(biāo)簽有什么作用死陆?

如:<a href="lianjie"></a>

a標(biāo)簽為一個(gè)鏈接,若是href后面跟著的是頁面地址的話唧瘾,能直接跳轉(zhuǎn)頁面翔曲。若是href后面跟著的是壓縮包的話,能直接下載該壓縮包劈愚。若是href后面寫的是id的話瞳遍,點(diǎn)擊之后會(huì)直接跳轉(zhuǎn)到id所在的位置(錨點(diǎn))

7.a標(biāo)簽的默認(rèn)樣式是什么?

text-decoration:underline

8.什么是盒模型菌羽?盒模型包括什么掠械?

在網(wǎng)頁中,一個(gè)元素占有空間的大小由幾個(gè)部分組成,其中包括元素的內(nèi)容猾蒂,元素的補(bǔ)白均唉,元素的邊框,元素的邊界四個(gè)部分肚菠。4個(gè)部分一起構(gòu)成了css中元素的盒模型舔箭。

盒模型包括:內(nèi)容(content),填充(padding),邊框(border),邊界(margin).

9.padding和margin的區(qū)別蚊逢?

padding:為內(nèi)邊距或者內(nèi)填充层扶,就是內(nèi)容距離邊框的長(zhǎng)度。padding在元素的邊框以內(nèi)內(nèi)容之外烙荷。padding會(huì)讓內(nèi)容范圍縮小镜会。

margin:為外邊距,就是邊框和外面元素邊框的距離终抽。margin不會(huì)讓內(nèi)容范圍縮小戳表。

10.什么是margin疊加?什么是margin傳遞昼伴?

margin疊加:相鄰兩個(gè)元素的上下margin是疊加在一起的匾旭,其中哪個(gè)元素的margin大就是顯示誰的margin。

margin傳遞:當(dāng)父級(jí)不設(shè)置margin,而子元素設(shè)置了margin圃郊,子元素的上下margin會(huì)傳遞給父級(jí)价涝。

11.列舉幾種常見的語義化標(biāo)簽?

<header></header> <!--頁眉通常包括網(wǎng)站標(biāo)志描沟,主導(dǎo)航飒泻,全站鏈接以及搜索框-->

<nav></nav><!--標(biāo)記導(dǎo)航,僅對(duì)文檔中重要的鏈接群使用-->

<article></article><!--包含像報(bào)紙一樣的內(nèi)容-->

<section></section><!--具有相似主題的一組內(nèi)容-->

<footer></footer><!--頁腳吏廉,只有當(dāng)父級(jí)是body時(shí)泞遗,才是整個(gè)頁面的頁腳-->

<strong></strong>

12.常見的塊元素和內(nèi)嵌元素有哪些?簡(jiǎn)要說一下他們的區(qū)別席覆?

常見塊元素

圖片發(fā)自簡(jiǎn)書App

內(nèi)嵌元素:

<a href="#"></a>鏈接

<span></span>

<em></em>

塊:

1 可以獨(dú)占一行

2 支持所有樣式

3 不設(shè)置寬度時(shí)史辙,寬度撐滿整行

內(nèi)嵌:

1 可以在一行顯示

2 不支持寬高,對(duì)margin和padding的支持也有問題

3代碼換行佩伤,會(huì)被解析出來

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末聊倔,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子生巡,更是在濱河造成了極大的恐慌耙蔑,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件孤荣,死亡現(xiàn)場(chǎng)離奇詭異甸陌,居然都是意外死亡须揣,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門钱豁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耻卡,“玉大人,你說我怎么就攤上這事牲尺÷牙遥” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵谤碳,是天一觀的道長(zhǎng)溃卡。 經(jīng)常有香客問我,道長(zhǎng)估蹄,這世上最難降的妖魔是什么塑煎? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任沫换,我火速辦了婚禮臭蚁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘讯赏。我一直安慰自己垮兑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布漱挎。 她就那樣靜靜地躺著系枪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪磕谅。 梳的紋絲不亂的頭發(fā)上私爷,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音膊夹,去河邊找鬼衬浑。 笑死,一個(gè)胖子當(dāng)著我的面吹牛放刨,可吹牛的內(nèi)容都是我干的工秩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼进统,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼助币!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起螟碎,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤眉菱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后掉分,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體俭缓,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡迈螟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了尔崔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片答毫。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖季春,靈堂內(nèi)的尸體忽然破棺而出洗搂,到底是詐尸還是另有隱情,我是刑警寧澤载弄,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布耘拇,位于F島的核電站,受9級(jí)特大地震影響宇攻,放射性物質(zhì)發(fā)生泄漏惫叛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一逞刷、第九天 我趴在偏房一處隱蔽的房頂上張望嘉涌。 院中可真熱鬧,春花似錦夸浅、人聲如沸仑最。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽警医。三九已至,卻和暖如春坯钦,著一層夾襖步出監(jiān)牢的瞬間预皇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人荠卷。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓偎痛,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 1.什么是css語法呈昔?CSS 語法由三部分構(gòu)成:選擇器、屬性和值友绝。selector {property:value...
    星星yx閱讀 239評(píng)論 1 0
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,060評(píng)論 0 1
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素堤尾;行內(nèi)(內(nèi)聯(lián)、inline-level)元素迁客。 塊元素的...
    饑人谷_小侯閱讀 2,007評(píng)論 1 4
  • FreeCodeCamp - HTML5 and CSS 發(fā)現(xiàn)原來在另外一臺(tái)電腦學(xué) FreeCodeCamp 的時(shí)...
    付林恒閱讀 9,376評(píng)論 2 17