web前端中CSS盒模型的基本显示

 时间:2024-10-11 19:35:04

1、首先要知道css盒子的基本要素:content:内容padding:内容和边框之间的间距border:边框,也就是盒子本身margin:外边距,和其他盒子的距离

2、把你要创作的基本架构放在一个html文件中,把对盒子的修饰和美化放在一个css文件中。即肉体和外衣。

3、进行胆咣骜岱编辑。<body> <div id="box1">盒子1为:</div> <div id="box2">盒子2为:</div></body>div{width: 500px;height: 300px;padding: 10px;border: 10px;}#box1{box-sizing:content-box;background: orange;margin: 20px;}#box2{box-sizing:content-box;background: gray;margin: 20px;}当然这是我自己做的一个小例子。

web前端中CSS盒模型的基本显示

4、把两个文件进行连接,这样才能保证把外衣穿在肉体上。使用link标签:<link rel="stylesheet" type="text/css" href="页面.css">

web前端中CSS盒模型的基本显示
  • 如何使用HTML5标签sup设置文字内容上标
  • 神仙道高清重制版竞技场介绍
  • 详解MongoDB如何更新文档 ( 增加和删除属性 )
  • 旅游时衣食住行小指南
  • 学习通怎么设置主页背景图
  • 热门搜索
    莆田旅游景点大全 峨眉山旅游图 锡林郭勒旅游 九寨沟国际旅游网 星海花树旅游网 金佛山旅游 我要旅游 宜兴旅游景点大全 珠海旅游必去景点 国外旅游网站