亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

“HTML+CSS基礎課程9-1 繼承” 課程有bug?!

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>繼承</title>
<style?type="text/css">
p{color:red;
????border:1px?solid?red;
}

</style>
</head>
<body>
????<h1>勇氣</h1>
????<p?class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
????<p?id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
</body>
</html>

“HTML+CSS基礎課程9-1 繼承” ? 里面說這樣打代碼,結果會是<span>膽小如鼠</span>里4個字不會被紅框框住,結果還是全被框住了,我想知道這是bug還是課程里寫錯了,謝謝!

正在回答

8 回答

它的意思是span標簽里的字不會再有一個紅色邊框圈住,你可以試一下p,span{border:1px solid red;},可以看出區別

2 回復 有任何疑惑可以回復我~
#1

qq__8305 提問者

非常感謝!
2017-05-02 回復 有任何疑惑可以回復我~

我覺得是你理解錯了,課程里說的是繼承 但是并不是所有的CSS樣式都具有繼承性的 ?比如加邊框 ?你的p,span{ ?}

理解的是上一章節 ?有關分組選擇符

0 回復 有任何疑惑可以回復我~

課程中的意思是,因為<span>標簽是<p>標簽的子級標簽,color是具有繼承性的,所以設置<p>的color時,子級標簽<span>會繼承父級<p>的color。

即寫入p{color:red;}時,<p>和<span>都是紅色。

但border不具有繼承性,所以設置<p>的border時,子級標簽<span>不會繼承父級<p>的border。

即寫入p{border:1px solid red;}時,只有<p>有紅框,而<span>沒有紅框。

1 回復 有任何疑惑可以回復我~

我是這樣理解的看能不能幫到你,繼承是一個有關后代的概念,紅色可以繼承給后代,所以p中的span會是紅色,但是border不行,也就是說只有p整體有框框而span沒有單獨的框框

2 回復 有任何疑惑可以回復我~

繼承的樣式一般是顏色、字體大小這種文本設置。而邊框、邊距這些布局樣式不會繼承。對于這個例子里,span標簽不會單獨?。ㄗ⒁鈫为殻簿褪钦f這四個字額外有邊框)有邊框。但他們因為是包括在p標簽這個整體里。所以每段話都有一個紅色邊框。

0 回復 有任何疑惑可以回復我~

你理解錯了他的意思 他表達的不是很清楚 他說的框選是二次框選 。也就是說段落的框框里面還有一個框 所以代碼的表現是正確的 她的一個段落只出現了一次框

0 回復 有任何疑惑可以回復我~

CSS樣式的繼承性
樣式默認下可以應用于其后代。
1.后代沒有樣式標注;
2.border邊框樣式不繼承

0 回復 有任何疑惑可以回復我~

<span>標簽是<p>標簽的子級標簽,當沒有具體css樣式設置時,會和<span>標簽的css樣式相同。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228737    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

“HTML+CSS基礎課程9-1 繼承” 課程有bug?!

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號