首页 > 作文

CSS盒子模型、RestCSS、浮动、定位

更新时间:2023-04-07 07:30:27 阅读: 评论:0

盒子模型

边框:border左边框:border-left右边框:border-right上边框:border-top下边框:border-bottom复合样式:border边框颜色:border-color边框宽夏商与西周度:border-width边框样式:border-style实线:solid 虚线:dashed 点线:dotted 双线:double内边距:padding上内边距:padding-top下内边距:padding-bottom左内边距:padding-left右内边距:padding-right复合样式:padding外边距:margin上外边距:margin-top下外边距:margin-bottom左外边距:margin-left右外边距:margin-right复合样式:margin内外边距a:margin调整内部div外边距b:padding调整外部div内边距,它调整的是自身大小,所以如果不希望破坏外观,则尽量使用margin布局
(padding有可能撑大外盒子,但如果是margin过大,则盒子内容会被挤出,但不会改变盒子本身大小);c:border内部div和外部div定位时需要找到边界,外部div如没有设置border,则内部div的margin设置时会一直往上找,直到找到边界位置。d:内部相邻div间的margin,取值为两个div各自设置margin的最大值,而不是相加值。

restcss

为什么需要ret css浏览器在解析某些标签的时候,本身就自带了一些样式,导致我们写样式的时候就会效果不一致通用的retcss https://meyerweb.com/eric/tools/css/ret/“*”现代诗歌四年级下册摘抄表示通配符
*{    margin: 0;    padding: 0;}

浮动

float: left / right解决高度塌陷
/*父元素设置*/.clear{        border:blue 2px solid;        overflow: hi普京奥巴马dden;    }/*使用伪元素*/.clearfix::after{    display: block;    clear: both;    content: "";}

定位

position默认值:static静态定位,默认值,不会发生任何变化相对定位:relative相对定位,不会脱离文档流,以自身元素为参考可以给 top、right、bottom、left绝对定位:absolute绝对定位,脱离文档流默认以整个文档为参考,有定位父级,则父级参考可以给top、right、bottom、left固定定位:fixed固定定位,脱离文档流默认以窗口成熟的反义词为参考,窗口滚动,依然不会变可以给top、right、botto浙江高考网m、leftz-index定位涉及到 z-index 属性可以简单理解为谁在上面,谁在下面z-index : 数字

本文发布于:2023-04-07 07:30:25,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b82e1db7bfbdccdc453e8de1204dae4d.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:CSS盒子模型、RestCSS、浮动、定位.doc

本文 PDF 下载地址:CSS盒子模型、RestCSS、浮动、定位.pdf

标签:边框   外边   样式   盒子
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图