日记网 加入收藏  -  设为首页
您的位置:日记网 > 教育知识 > 正文
CSS盒子模型是什么
CSS盒子模型是什么
提示:

CSS盒子模型是什么

CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在) 一个盒子的构成: 盒子中的内容:content 盒子的边框:border 盒子边框与内容之间的距离:称为填充---padding内边距(内补丁) 如果有多个盒子存在,盒子与盒子之间的距离:称为边界---margin,外边距(外补丁) 整个盒子模型在网页中所占的宽度:左边界左边框左填充内容右填充右边框右边界 CSS盒子模型的属性: 内容属性:宽=width 高=height 内填充属性(内容与边框之间的距离):padding 外边距属性:margin(使用该属性的时候注意浏览器的兼容性) 内填充与边界的规则: 如果有四个参数:表示上右下左,也可以单单指定某个方向 如果只有一个参数:表示上右下左 如果有两个参数: 第一个参数表示上下 第二个参数表示左右 如果三个参数:表示上 左右 下 边框属性:border 复制代码

什么是css的盒子模型
提示:

什么是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样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。 参考资料来源:百度百科-CSS盒子模型