                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

[HTML/CSS基础]*{display:}流弊过头了

如何克制一下才好，不要把<title>和<style>都作用进进来

svc124

2016-03-26

源自：初识HTML(5)+CSS(3)-升级版 13-2

关注问题我要回答

1314

操作

收起

10 回答

忆_卿回答被采纳 +3 积分
2016-04-20

<title>和<style>都有一个默认的display：none属性，这个属性的作用是把网页上的某个元素给隐藏起来，但是你在*{} 里面设置了display:block，把默认的属性给掩盖了，所有的元素显示为块级元素，所以在浏览器上可以看到<tilte>和<style>里的内容，你把*{}通用选择器改成body{} 就可以得到你想要的效果了。

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

收起回答

svc124 提问者

Merci

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

svc124 提问者
2016-04-22

知道的，学的细节没用都忘了，谢谢

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

收起回答

忆_卿
2016-04-22

懂你的意思了。。回答你这个问题 ( 但是在title标签内添加一个行内样式diaplay:none却不能解决，根据样式优先级不应该是这样啊，难道*{}全局样式格式化可以不受这条规则的约束？)

你是代码写错了你也可以在<style>里面

title{

display:none;

}这样写都是有效果的。自己可以测试一下，写内联样式时记得加 style=""

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

收起回答

忆_卿
2016-04-22

给代码， - - 没看懂你想表达什么。

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

收起回答

忆_卿
2016-04-20

懂你的意思了.。你把*{}通用选择器改成body{}就可以了。但是我也觉得好奇怪。。display:block是将元素显示为块级元素，为什么<style> <title>里的东西怎么会显示出来。

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

收起回答

svc124 提问者

Merci，但是在title标签内添加一个行内样式diaplay:none却不能解决，根据样式优先级不应该是这样啊，难道*{}全局样式格式化可以不受这条规则的约束？

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

忆_卿回复 svc124 提问者

给代码没看懂你想表达什么 - - ；

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

忆_卿
2016-04-20

你 -- 想表达什么都没看懂你想说什么。。。

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

收起回答

风花雪月不念秋
2016-03-26

问题在第14行 *代表是页面的所有元素然后所有元素都被你转化为块级元素了

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

收起回答

svc124 提问者

好像不是这个问题改为inline和inline-block都一样

2016-03-26 回复有任何疑惑可以回复我~

风_起
2016-03-26

额，并没有作用进来。

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

收起回答

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 回复有任何疑惑可以回复我~

jiangjiajia
2016-03-26

你用body{}好了

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

收起回答

svc124 提问者

body{}是啥，是说放在<body>标签内吗，结果也一样啊

2016-03-26 回复有任何疑惑可以回复我~

jiangjiajia

body{ display:; width:100px; float:left; }

2016-03-26 回复有任何疑惑可以回复我~

刘陈欣
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>
    <h1>标题</h1>
    <p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p>

    <div id="box1">box1</div>
</body>
</html>