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

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

[HTML/CSS基礎]*{display:}流弊過頭了

http://img1.sycdn.imooc.com//56f63d9e00017c1f13470812.jpg

如何克制一下才好,不要把<title>和<style>都作用進進來

正在回答

10 回答

<title>和<style>都有一個默認的display:none屬性,這個屬性的作用是把網頁上的某個元素給隱藏起來,但是你在*{} 里面設置了display:block,把默認的屬性給掩蓋了,所有的元素顯示為塊級元素,所以在瀏覽器上可以看到<tilte>和<style>里的內容,你把*{}通用選擇器 改成body{} 就可以得到你想要的效果了。

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

svc124 提問者

Merci
2016-04-22 回復 有任何疑惑可以回復我~

知道的,學的細節沒用都忘了,謝謝

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

懂你的意思了。?;卮?你這個問題 (?但是在title標簽內添加一個行內樣式diaplay:none卻不能解決,根據樣式優先級不應該是這樣啊,難道*{}全局樣式格式化可以不受這條規則的約束?)


http://img1.sycdn.imooc.com//5719a3a20001923909120569.jpg?你是代碼寫錯了 ?你也可以在<style>里面?

title{

display:none;

}這樣寫 ?都是有效果的。 自己可以測試一下, ?寫內聯樣式時 ?記得加 style=""

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

給代碼, ?- - ? 沒看懂你想表達什么。

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

懂你的意思了.。 ? 你把*{}通用選擇器 ?改成body{}就可以了。但是我也覺得好奇怪。。display:block是將元素顯示為塊級元素,為什么<style> <title>里的東西怎么會顯示出來。

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

svc124 提問者

Merci,但是在title標簽內添加一個行內樣式diaplay:none卻不能解決,根據樣式優先級不應該是這樣啊,難道*{}全局樣式格式化可以不受這條規則的約束?
2016-04-22 回復 有任何疑惑可以回復我~
#2

憶_卿 回復 svc124 提問者

給代碼 沒看懂你想表達什么 - - ;
2016-04-22 回復 有任何疑惑可以回復我~

你 -- 想表達什么 ? 都沒看懂你想說什么。 。。

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

問題在第14行 ?*代表是頁面的所有元素 ?然后所有元素都被你轉化為塊級元素了 ? ?

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

svc124 提問者

好像不是這個問題改為inline和inline-block都一樣
2016-03-26 回復 有任何疑惑可以回復我~

額,并沒有作用進來。
http://img1.sycdn.imooc.com//56f642a0000199c503500654.jpg

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

svc124 提問者

我也不知道咋回事,但稍微改一下后*{}作用范圍的確不一樣,例如<head>改成這樣 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>流動模式下的塊狀元素</title> <style type="text/css"> *{ width:300px; height:100px; border:1px solid red; } </style> </head> //倒感覺是個BUG了
2016-03-26 回復 有任何疑惑可以回復我~

你用body{}好了?

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

svc124 提問者

body{}是啥,是說放在<body>標簽內嗎,結果也一樣啊
2016-03-26 回復 有任何疑惑可以回復我~
#2

jiangjiajia

body{ display:; width:100px; float:left; }
2016-03-26 回復 有任何疑惑可以回復我~

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流動模式下的塊狀元素</title>
<style type="text/css">
#box1{
??? width:300px;
??? height:100px;
}
div,h1,p{
??? border:1px solid red;
}
*{
??? display:;
??? width:100px;
??? float:left;
}
</style>
</head>
<body>
??? <div id="box2">box2</div><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->
??? <h1>標題</h1><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->
??? <p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->
???
??? <div id="box1">box1</div><!--塊狀元素,由于設置了width:300px,寬度顯示為300px-->
</body>
</html>

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

舉報

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

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

進入課程

[HTML/CSS基礎]*{display:}流弊過頭了

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

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

幫助反饋 APP下載

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

公眾號

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