发表于: 2017-07-06 20:05:40

1 1097


今天学习了如何使用css样式添加div格式的盒子,知道了盒子中width  height   padding  margin content的意义

并遇到盒子无法正常显示的问题,借鉴师兄代码后得知盒子赋予颜色的过程中,颜色格式需用背景颜色格式:background

代码如下

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.box{
width:500px;height:500px;padaing:10px;
background-color:yellow;
}
</style>
</head>
<body>
<div class="box"></div>
</body>


</html>

明天将深入css与html基础,了解各种生疏代码的含义,同时研究如何将黄色宫格写成圆角,以及如何按照任务要求将九宫格正确排列

今天学到的:添加盒子的具体操作,盒子颜色样式的设置,浏览器格式声明《!html-DOCTYPE》

遇到的困难:未能找到代码格式的盒子教程,只找到图片版的逻辑说明。


返回列表 返回列表
评论

    分享到