“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還是課程里寫錯了,謝謝!
2017-05-02
它的意思是span標簽里的字不會再有一個紅色邊框圈住,你可以試一下p,span{border:1px solid red;},可以看出區別
2017-05-21
我覺得是你理解錯了,課程里說的是繼承 但是并不是所有的CSS樣式都具有繼承性的 ?比如加邊框 ?你的p,span{ ?}
理解的是上一章節 ?有關分組選擇符
2017-05-02
課程中的意思是,因為<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>沒有紅框。
2017-05-02
我是這樣理解的看能不能幫到你,繼承是一個有關后代的概念,紅色可以繼承給后代,所以p中的span會是紅色,但是border不行,也就是說只有p整體有框框而span沒有單獨的框框
2017-05-02
繼承的樣式一般是顏色、字體大小這種文本設置。而邊框、邊距這些布局樣式不會繼承。對于這個例子里,span標簽不會單獨?。ㄗ⒁鈫为殻簿褪钦f這四個字額外有邊框)有邊框。但他們因為是包括在p標簽這個整體里。所以每段話都有一個紅色邊框。
2017-05-02
你理解錯了他的意思 他表達的不是很清楚 他說的框選是二次框選 。也就是說段落的框框里面還有一個框 所以代碼的表現是正確的 她的一個段落只出現了一次框
2017-05-02
CSS樣式的繼承性
樣式默認下可以應用于其后代。
1.后代沒有樣式標注;
2.border邊框樣式不繼承
2017-05-02
<span>標簽是<p>標簽的子級標簽,當沒有具體css樣式設置時,會和<span>標簽的css樣式相同。