div元素和布局解析
程序员文章站
2023-09-04 20:12:29
p元素
首先要提到的是元素的分类:
元素类型
特征
元素
块元素
主要特征是会产生换行效果,自动与其...
p元素
首先要提到的是元素的分类:
元素类型 | 特征 | 元素 |
---|---|---|
块元素 | 主要特征是会产生换行效果,自动与其他元素分离成两行,通常可以作为容器的内部添加其他元素 | h1~h6;hr;ul;ol;p;table… |
内联元素 | 不会产生换行效果,会和其他元素并联排列 | b;i;br;img;… |
p元素和布局
p元素是通用的块元素,内部可以包含其他各种元素包括其他p元素,并且可以通过css设置样式来完成复杂的页面的布局。其中会用到float-属性,其作用是为了让p元素中的内容在某一个位置浮动,float常跟属性值left、right、none,float:none 不使用浮动,float:left 靠左浮动,float:right 靠右浮动。
标题
导航栏
内联框架
布局
尾部
样例如下图所示: