摘要: calc计算 width:calc(100% - 50px) height:calc(100% - 20px) vh: viewpoint height,视窗高度,1vh=视窗高度的1% viewpoint width,视窗宽度,1vw=视窗宽度的1%例如:浏览器高度950px,宽度为1920px, 阅读全文
posted @ 2022-01-17 15:21 平_y29 阅读(211) 评论(0) 推荐(0)
摘要: 浮动和定位区别 相同点:脱离文档流 不同点:浮动会有文字环绕的效果;定位:没有文字环绕效果 display:设置一个元素应该如何显示 none 不显示 不占空间 block 显示/显示为块元素 inline 宽高设置无效 显示为行(内联)元素 inline-block 显示为行内块级元素 inhri 阅读全文
posted @ 2022-01-17 14:33 平_y29 阅读(504) 评论(0) 推荐(0)
摘要: css的尺寸: width 设置元素的宽度。 px 像素 绝对单位 em 相对单位 相对的父元素的字体大小 1em=16px(默认父级字体16px 父级32px 1em=32px) rem 相对单位 相对于html根元素的字体大小 默认 1rem=16px 自适应页面 % 相对单位 相对于父级盒子的 阅读全文
posted @ 2022-01-14 10:08 平_y29 阅读(176) 评论(0) 推荐(0)
摘要: 造成原因:子盒子有浮动,父级盒子没有高度。子级脱离了文档流。 上边框塌陷问题: 1.父级设置内边距 padding 2.父级设置边框 border 3.父级设置overflow: hidden; 4.父级给一个高度 height 阅读全文
posted @ 2022-01-13 10:06 平_y29 阅读(109) 评论(0) 推荐(0)
摘要: css的尺寸: width 设置元素的宽度。 px 像素 绝对单位 em 相对单位 相对的父元素的字体大小 1em=16px(默认父级16px 父级32px 1em=32px) rem 相对单位 相对于html根元素的字体大小 默认 1rem=16px 自适应页面 % 相对单位 相对于父级盒子的大小 阅读全文
posted @ 2022-01-13 09:12 平_y29 阅读(174) 评论(0) 推荐(0)
摘要: display:设置一个元素应该如何显示 none 不显示 不占空间 block 显示为块元素 inline 宽高设置无效 显示为行(内联)元素 inline-block 显示为行内块级元素 inhrite 继承父级 visibility:可见性 hidden 不可见 占空间 相当于透明的 visi 阅读全文
posted @ 2022-01-13 09:11 平_y29 阅读(175) 评论(0) 推荐(0)
摘要: overflow 设置当元素的内容溢出其区域时发生的事情。 overflow-x: visible 不裁剪内容,可能会显示在内容框之外。 hidden 裁剪内容 - 不提供滚动机制。 scroll 裁剪内容 - 提供滚动机制。 auto 如果溢出框,则应该提供滚动机制。 no-display 如果内 阅读全文
posted @ 2022-01-13 09:11 平_y29 阅读(190) 评论(0) 推荐(0)
摘要: float:浮动 让元素显示在一行 float 指定一个盒子(元素)是否可以浮动。 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 clear 指定不允许元素周围有浮动 阅读全文
posted @ 2022-01-12 11:28 平_y29 阅读(139) 评论(0) 推荐(0)
摘要: 主要任务: 盒模型(Box Model) 元素实际占的位置: 宽:内容的宽+左右内边距+左右边框+左右外边距 高:内容的高+上下内边距+上下边框+上下外边距 内容(content):盒子的内容,用于显示文本,图片 width height 内边距(padding):内容到边框的距离 透明色 边框(b 阅读全文
posted @ 2022-01-11 10:40 平_y29 阅读(114) 评论(0) 推荐(0)
摘要: 列表属性:list-style list-style-image 将图象设置为列表项标志。 URL 图像的路径。 none 默认。无图形被显示。 inherit 规定应该从父元素继承 list-style-image 属性的值。 list-style-position 设置列表中列表项标志的位置。 阅读全文
posted @ 2022-01-06 18:13 平_y29 阅读(122) 评论(0) 推荐(0)