課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如何克制一下才好,不要把<title>和<style>都作用進進來
2016-03-26
源自:初識HTML(5)+CSS(3)-升級版 13-2
正在回答
<title>和<style>都有一個默認的display:none屬性,這個屬性的作用是把網頁上的某個元素給隱藏起來,但是你在*{} 里面設置了display:block,把默認的屬性給掩蓋了,所有的元素顯示為塊級元素,所以在瀏覽器上可以看到<tilte>和<style>里的內容,你把*{}通用選擇器 改成body{} 就可以得到你想要的效果了。
svc124 提問者
知道的,學的細節沒用都忘了,謝謝
懂你的意思了。?;卮?你這個問題 (?但是在title標簽內添加一個行內樣式diaplay:none卻不能解決,根據樣式優先級不應該是這樣啊,難道*{}全局樣式格式化可以不受這條規則的約束?)
?你是代碼寫錯了 ?你也可以在<style>里面?
title{
display:none;
}這樣寫 ?都是有效果的。 自己可以測試一下, ?寫內聯樣式時 ?記得加 style=""
給代碼, ?- - ? 沒看懂你想表達什么。
懂你的意思了.。 ? 你把*{}通用選擇器 ?改成body{}就可以了。但是我也覺得好奇怪。。display:block是將元素顯示為塊級元素,為什么<style> <title>里的東西怎么會顯示出來。
憶_卿 回復 svc124 提問者
你 -- 想表達什么 ? 都沒看懂你想說什么。 。。
問題在第14行 ?*代表是頁面的所有元素 ?然后所有元素都被你轉化為塊級元素了 ? ?
額,并沒有作用進來。
你用body{}好了?
jiangjiajia
<!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>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答html+css基礎
1 回答HTML+CSS基礎課程
4 回答html+css基礎教程
3 回答HTML+CSS基礎課程
4 回答關于html+css基礎課程
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-20
<title>和<style>都有一個默認的display:none屬性,這個屬性的作用是把網頁上的某個元素給隱藏起來,但是你在*{} 里面設置了display:block,把默認的屬性給掩蓋了,所有的元素顯示為塊級元素,所以在瀏覽器上可以看到<tilte>和<style>里的內容,你把*{}通用選擇器 改成body{} 就可以得到你想要的效果了。
2016-04-22
知道的,學的細節沒用都忘了,謝謝
2016-04-22
懂你的意思了。?;卮?你這個問題 (?但是在title標簽內添加一個行內樣式diaplay:none卻不能解決,根據樣式優先級不應該是這樣啊,難道*{}全局樣式格式化可以不受這條規則的約束?)
title{
display:none;
}這樣寫 ?都是有效果的。 自己可以測試一下, ?寫內聯樣式時 ?記得加 style=""
2016-04-22
給代碼, ?- - ? 沒看懂你想表達什么。
2016-04-20
懂你的意思了.。 ? 你把*{}通用選擇器 ?改成body{}就可以了。但是我也覺得好奇怪。。display:block是將元素顯示為塊級元素,為什么<style> <title>里的東西怎么會顯示出來。
2016-04-20
你 -- 想表達什么 ? 都沒看懂你想說什么。 。。
2016-03-26
問題在第14行 ?*代表是頁面的所有元素 ?然后所有元素都被你轉化為塊級元素了 ? ?
2016-03-26
額,并沒有作用進來。

2016-03-26
你用body{}好了?
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>