为了账号安全,请及时绑定邮箱和手机立即绑定

为什么代码一样显示的样式不一样呢?

老师写的是.demo01.left我这样子写样式不变,但我改为.left就能够显示和老师一样的样式了,请问这是为什么呢?

正在回答

4 回答

代码贴出来看看

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

三分钟热度的Kiki 提问者

我只有这样写才能和老师显示一样的代码,但是若果我像老师那样.demo01.left格式就不会改,是为什么呢?
2016-07-07 回复 有任何疑惑可以回复我~
#2

JCcrazy 回复 三分钟热度的Kiki 提问者

应该是demo01所包含的元素的样式,才要加空格,不知道对不对。
2016-07-07 回复 有任何疑惑可以回复我~
#3

三分钟热度的Kiki 提问者 回复 JCcrazy

我也不知道怎么解释,但是要是没有这个空格,显示就是不正确的,所以必须有。。。The Phoenix
2016-07-07 回复 有任何疑惑可以回复我~
#4

三分钟热度的Kiki 提问者

非常感谢!
2016-07-07 回复 有任何疑惑可以回复我~
查看2条回复

其实老师是加了空格的.demo01 .left只不过空格比较小,不是很明显。在这段代码中只有一个.left所以你直接写left也是对的,但是如果有多个.left的时候会导致所有的.left 都设置成相同的样式。.demo01 .left表示在class为demo01的父级div下的class为left的子级div。可以在w3cschool上查后代选择器,里面有详细的解释。

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

三分钟热度的Kiki 提问者

谢谢你!
2016-07-28 回复 有任何疑惑可以回复我~

清除默认样式试试。

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

<style type="text/css">

body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin:0;padding:0;font:14px/1.5,normal,"Arial","sans-serif","微软雅黑","宋体","Tahoma";color:#666} ul,ol{list-style:none;ss}

.demo01{width:600px; }

.left{width:100px;float:left;}

.right{width:500px; float:right;}


</style>

</head>


<body>

<div class="demo01">

    <div class="left">

        <img src="烘焙top榜/ALEX 1.jpg"/ width="60" height="80">

    </div>

    <div class="right">

       

        <h6>kiki</h6> 

        <p>随着互联网的发展速度迅猛,前端工程师职业越来越火热,想学习Web前端技能吗 ? 该路径从基础知识到实战案例演练,一步步带您快速掌握如何搭建网站静态页面、开发网站交互特效,为您打开WEB前端工程师大门。还在等什么?快来学习吧!</p> 

        <span>10分钟之前</span>

    </div>

</div>

</body>

</html>


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

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离,课程会有3个案例,不同角度讲解

进入课程

为什么代码一样显示的样式不一样呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信