css盒子怎么写 _盒子

1. CSS中的盒子代码怎么写 <style type="text/css">
body{margin:0;padding:0}
.main {width:800;margin:0 auto}
.left {width:200px;height:500px;float:left;background:#ccc}
.right {width:600px;height:500px;float:right;background:#ddd}
</style>
/*样式需要加.才起作用*/
2. 把下面的盒子用css代码写出来 <meta ; charset=utf-8" />~\（≧▽≦）/~<style type="text/css"> *{padding:0;margin:0;list-style:none;text-decoration:none;} .box{width:390px;height:400px;background-color:#f6f6f6;position:relative;} .hot{width:54px;height:23px;position:absolute;left:0;top:0;background:url(hot.jpg) no-repeat;} .box li{width:100%;border-top:1px solid #f9f9f9;border-bottom:1px solid #fdfdfd;padding:35px 0 20px 0px;} .box li a{font-family："微软雅黑"；color:#767676;display:block;margin-left:15px;} .box li p{width:180px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-top:5px;margin-left:15px;font-family："微软雅黑"；font-size:14px;color:#767676;float:left;} .box li span{color:#999999;font-family："微软雅黑"；font-size:12px;display:block;margin-left:320px;margin-top:5px;} </style><body> 摄影师资格证报名开始啦！不单单只是摄影师需！（第几个）[详细] 星空星轨拍摄方法、后期合成技32313133353236313431303231363533e59b9ee7ad9431333361303130术这个视频是前些时间拍的[详细] “去哪拍”专区开放啦！这个视频是前些时间拍的[详细] 自制波点散景墙一般来说说说说试试自制波点散景墙[详细] 整个文档粘这了，我是个新手，可能有很多不规范的写法，凑合看吧，就当抛砖引玉了。
3. css里面的div盒子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">
<html xmlns="">
<head>
<title>test</title>
<meta ;charset=utf-8" />
<style type="text/css">
.box_div{
/*设置边框开始*/
border:5px solid blue;
border-top-width :10px;
border-bottom-width :20px;
/*设置边框结束*/
width:200px;
height:100px;
}
</style>
</head>
<body>
<div class="box_div">
</div>
</body>
</html>
4. 什么是css的盒子模型 CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性，可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。
CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心，呈现盒子的主要信息内容；填充是内容区和边框之间的空间；边框是环绕内容区和填充的边界；空白边位于盒子的最外围，是添加在边框外周围的空间。
扩展资料：
CSS盒子模型特点：
1、丰富的样式定义：CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改：CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
3、多页面应用：CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。