招投标网站,常州建站服务,wordpress 中文购物车,自己有服务器如何建设微网站1 浮动定位 1、普通流定位 普通流#xff0c;由称为文档流 块级元素#xff1a;从上到下一个一个的排列 行内元素#xff1a;一行内从左到右的排列 2、浮动定位 2.1、什么是浮动定位 将元素排列在普通流之外#xff0c;即脱离文档…1 浮动定位 1、普通流定位 普通流由称为文档流 块级元素从上到下一个一个的排列 行内元素一行内从左到右的排列 2、浮动定位 2.1、什么是浮动定位 将元素排列在普通流之外即脱离文档流 浮动元素不会占据页面空间 浮动元素会放置在“包含框”的左边或右边 浮动元素依旧位于包含框之内 浮动元素可以向左或向右浮动知道碰见包含框的边缘或另一个已浮动的元素框为止 2.2、特点 1、浮动元素边缘不会超过器父元素的边缘 2、浮动元素不会重叠 3、浮动知道左右浮动不会上下浮动 注意非块级元素浮动的话 将会变成块级元素允许修改width和height 2.3、处理问题 1、让块级元素在同一行内显示 2、修改行内元素的width和height 2.4、浮动属性 属性float 取值 none left right 清除浮动所带来的影响 属性clear 取值left right both 2.5、子级元素的浮动伪复层元素所带来的影响 如果一个元素的所有子级内容都是浮动的那么他的高度就会变成0 解决方案 1、设置父容器高度 2、设置父元素的overflowhidden 3、在父元素中增加一个空元素添加clearboth2、显示方式 2.1、display none生成元素没有框不占据页面空间隐藏 block按块级显示 inline按行内方式显示 inline-block行内快所有的元素在一行内显示允许修改width和height 使用场合 1、控制元素的显示与隐藏 隐藏displaynone 显示 块级displayblock 行内displayinline 2、将行内元素变成块级或行内块 目的修改行内元素的宽和高 2、显示效果 2.1、visibility 可见性 取值 visible默认的可见的 hidden元素不可见占据页面空间 问题visibilityhidden 占据页面空间与displaynone的区别 不占据页面空间 2.2、opacity 透明度 取值0-1 opacity0.5 3、vertical-align 垂直方向对齐 td img 取值 baseline默认基线对齐 top顶部对齐 bottom底部对齐 middle居中对齐 放在img上控制的是img左右两端文本的垂直对齐方式 4、光标 改变鼠标的显示效果 属性cursor 取值 default pointer小手 crosshair textI wait等待3、相对定位 3.1、什么是相对定位 元素框会相对与他原来的位置偏移某个距离 3.2、如何用 positionrelative left尺寸 right尺寸 3.3、什么时候用 元素本身位置的微调 配合绝对定位使用4、绝对定位 4.1、定义脱离文档流 不占据页面空间 4.2、初始位置 相对与最近的已经定位的元素 那么参考位置相对于body进行定位 4.3、如何使用 positionabsolute 4.4、使用场合 弹出菜单 转载于:https://www.cnblogs.com/Zs-book1/p/10420594.html
