您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5
CSS常见的三种布局模型 流动(flow)、浮动(float)、层模型(layer)
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介1.流动模型(Flow) 在网页没有设置css样式时的布局模型,html元素根据自身的特性显示在网页中,块元素自上而下排列,内联元素在一行逐个进行显示。 2.浮动模型(Float) 对于块元
1.流动模型(Flow)
在网页没有设置css样式时的布局模型,html元素根据自身的特性显示在网页中,块元素自上而下排列,内联元素在一行逐个进行显示。
2.浮动模型(Float)
对于块元素:脱离正常的文档流,不占据空间,在一行逐个进行显示。
对于内联元素:可以设置宽、高、margin、padding 等属性。
3.层模型(Layer)
定位布局
语法:
position: static | absolute | relative | fixed;
Tags:
很赞哦! ()
相关文章
随机图文
Css布局 响应式布局介绍
1. 概念: 写一套css样式可以同时适配多个终端,是为解决移动互联网诞生的。2. 作用: 面对不同的分辨率设备灵活性强,能够快捷解决多设备显示适应问题3. 原理 媒体查询HTML中 列表类属性的详细介绍
1.列表符号样式 语法:list-style-type: disc (实心圆) | circle (空心圆) | square (实心方块) | decimal (数字) | none (取掉列表符号样式); 2.使用图片作为列表符号 语法:lHTML中 置换元素 和 非置换元素 分别是什么?
置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如: img标签的src属性决定了在浏览器中显示不同的图片; input标签的type属性决定了在浏览器中显示什CSS 下拉菜单
使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。下拉菜单实例实例演示 1文本下拉菜单 实例演示 2下拉菜单 实例演示 3 基本下拉菜单当鼠标移动到指定元素上时,会出现