块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。
.myBox {
width:183px;
height:98px;
border:1px solid red;
padding-left:15px;
margin-top:10px;
}
正确答案,盒子宽度不包含外边距,但包含内边距跟边框
可以用QQ截图去量一下实际宽度!
width:183px;
height:98px;
border:1px solid red;
padding-left:15px;
margin-top:10px;
}
正确答案,盒子宽度不包含外边距,但包含内边距跟边框
可以用QQ截图去量一下实际宽度!
<ul>
<li>课程</li>
<li>课程中心
<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Jquery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
<li>课程</li>
<li>课程中心
<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Jquery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">【慕课访谈 用户篇】“有为屌丝”在路上</a></li><span>2014-06-01</span>
<li><a href="#">【有奖活动】给父亲的三行书信</a></li><span>2014-06-01</span>
<li><a href="#"> 程序猿,请晒出你的童年》活动获奖公告</a>《</li><span>2014-05-30</span>
<li><a href="#">【慕课访谈】破茧成蝶————美女程序猿的锐变史</a></li><span>2014-05-28</span>
</ul>
<li><a href="#">【慕课访谈 用户篇】“有为屌丝”在路上</a></li><span>2014-06-01</span>
<li><a href="#">【有奖活动】给父亲的三行书信</a></li><span>2014-06-01</span>
<li><a href="#"> 程序猿,请晒出你的童年》活动获奖公告</a>《</li><span>2014-05-30</span>
<li><a href="#">【慕课访谈】破茧成蝶————美女程序猿的锐变史</a></li><span>2014-05-28</span>
</ul>
2017-12-10
感谢kino_ 分享给大家的 myFocus Demo v2.0.1 链接: http://pan.baidu.com/s/1pJ5j0wz 密码: 7s7e 赞一个
2017-12-09
ul li{
float:left;
list-style-type:none;
width:50px;
text-align: center;
}
ul li a{
display: block;
text-decoration: none;
height: 30px;
text-align: center;
line-height: 30px;
}
ul li a:hover,ul li a:visited{
background-color:red;
}
欢迎加入我的qq349508017来跟我一起交流学习
float:left;
list-style-type:none;
width:50px;
text-align: center;
}
ul li a{
display: block;
text-decoration: none;
height: 30px;
text-align: center;
line-height: 30px;
}
ul li a:hover,ul li a:visited{
background-color:red;
}
欢迎加入我的qq349508017来跟我一起交流学习