css学习记录
2018-01-25 23:22
302 查看
同样css格式下，div块与一般文字的显示区别：
html代码：
<body>
一般文字显示效果（p）
<p>harmony</p>
div块显示效果
<div class="wb">
<div class="bk">
<div class="nj">
<div class="zw">
harmony
</div>
</div>
</div>
</div>
</body>
css设置如下：
.wb{
margin: 30px;
}//外边距粗细
.bk{
border-style: groove;
}//边框样式
.nj{
padding: 10px;
}//内边距粗细
.zw{
background-color: cornflowerblue;
}//背景颜色，即内边距颜色padding color
p{
margin: 30px;
border-style: groove;
padding: 10px;
background-color: cornflowerblue;
}
html代码：
<body>
一般文字显示效果（p）
<p>harmony</p>
div块显示效果
<div class="wb">
<div class="bk">
<div class="nj">
<div class="zw">
harmony
</div>
</div>
</div>
</div>
</body>
css设置如下：
.wb{
margin: 30px;
}//外边距粗细
.bk{
border-style: groove;
}//边框样式
.nj{
padding: 10px;
}//内边距粗细
.zw{
background-color: cornflowerblue;
}//背景颜色，即内边距颜色padding color
p{
margin: 30px;
border-style: groove;
padding: 10px;
background-color: cornflowerblue;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS学习记录
- 2015/04/29CSS学习记录
- 学习html&css&JavaScript记录
- css+js 学习记录
- CSS 学习网站，按学习顺序记录，多做手
- HTML/CSS学习记录（6）
- CSS基础学习记录
- CSS学习记录
- 2015/04/30CSS学习记录
- html+css的学习记录
- CSS3序选择器学习记录
- CSS学习记录
- css学习记录
- CSS学习记录3
- 前端学习记录一---html_css 校验网址
- 黑马程序员_学习记录20：HTML,JavaScript,CSS小结
- CSS学习记录1
- CSS学习中遇到的问题记录
- CSS_DIV学习记录
- CSS学习笔记录（1）