建设银行成都市第九支行 网站,网站 预算,怎么做打鱼网站,网站用品推广网页1.18 div元素与布局 1.元素的分类2.div元素与布局 1、元素的分类 块元素:主要特征是会产生换行效果#xff0c;自动与其他元素分离成两行#xff1b;通常可以作为容器在内部添加其他元素。已经学过的块元素有#xff1a; h1~h6;hr;ul;ol;p;table......... 内联元素:不会产生… 1.18 div元素与布局 1.元素的分类2.div元素与布局 1、元素的分类 块元素:主要特征是会产生换行效果自动与其他元素分离成两行通常可以作为容器在内部添加其他元素。已经学过的块元素有 h1~h6;hr;ul;ol;p;table......... 内联元素:不会产生换行效果会和其他元素并联排列已经学过的内联元素有 b;i;br;img;......... 2、div元素和布局 div元素是通用的块元素内部可以包含其他各种元素包括其他div元素并且可以通过CSS设置样式来完成复杂的页面的布局通过一个简单的实例了解div布局是如何实现的 div示例 我是div通用块元素 div stylebackground: #FF8888;height: 100px;width: 300px我是div通用块元素/div 我是标题 我是导航栏 我是iframe内联框架 我是尾部 1 div stylewidth: 70%;height: 300px;border: 2px;background: #FFAAAA
2 div stylebackground: #88FF88;width: 100%;height: 10%我是标题/div
3 div stylebackground: #987654;width: 30%;height: 80%;float: left;我是导航栏/div
4 div stylebackground: #456789;width: 70%;height: 80%;float: left;我是iframe内联框架/div
5 div stylebackground: #8888FF;width: 100%;height: 10%;clear: left;我是尾部/div
6 /div View Code 转载于:https://www.cnblogs.com/Renyi-Fan/p/7903557.html