平_y29

2022年1月17日

摘要： 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)

2022年1月14日

overflow和css尺寸

摘要： css的尺寸： width 设置元素的宽度。 px 像素绝对单位 em 相对单位相对的父元素的字体大小 1em=16px(默认父级字体16px 父级32px 1em=32px) rem 相对单位相对于html根元素的字体大小默认 1rem=16px 自适应页面 % 相对单位相对于父级盒子的阅读全文

posted @ 2022-01-14 10:08 平_y29 阅读(176) 评论(0) 推荐(0)

2022年1月13日

关于高度塌陷问题与解决办法

摘要：造成原因：子盒子有浮动，父级盒子没有高度。子级脱离了文档流。上边框塌陷问题： 1.父级设置内边距 padding 2.父级设置边框 border 3.父级设置overflow: hidden; 4.父级给一个高度 height 阅读全文

posted @ 2022-01-13 10:06 平_y29 阅读(109) 评论(0) 推荐(0)

css尺寸

摘要： 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属性

摘要： display:设置一个元素应该如何显示 none 不显示不占空间 block 显示为块元素 inline 宽高设置无效显示为行(内联)元素 inline-block 显示为行内块级元素 inhrite 继承父级 visibility:可见性 hidden 不可见占空间相当于透明的 visi 阅读全文

posted @ 2022-01-13 09:11 平_y29 阅读(175) 评论(0) 推荐(0)

overflow属性

摘要： overflow 设置当元素的内容溢出其区域时发生的事情。 overflow-x: visible 不裁剪内容，可能会显示在内容框之外。 hidden 裁剪内容 - 不提供滚动机制。 scroll 裁剪内容 - 提供滚动机制。 auto 如果溢出框，则应该提供滚动机制。 no-display 如果内阅读全文

posted @ 2022-01-13 09:11 平_y29 阅读(190) 评论(0) 推荐(0)

2022年1月12日

float浮动

摘要： float：浮动让元素显示在一行 float 指定一个盒子（元素）是否可以浮动。 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 clear 指定不允许元素周围有浮动阅读全文

posted @ 2022-01-12 11:28 平_y29 阅读(139) 评论(0) 推荐(0)

2022年1月11日

盒子模型

摘要：主要任务：盒模型（Box Model）元素实际占的位置：宽：内容的宽+左右内边距+左右边框+左右外边距高：内容的高+上下内边距+上下边框+上下外边距内容(content)：盒子的内容，用于显示文本，图片 width height 内边距(padding)：内容到边框的距离透明色边框(b 阅读全文

posted @ 2022-01-11 10:40 平_y29 阅读(114) 评论(0) 推荐(0)

2022年1月6日

css背景，列表，链接

摘要：列表属性：list-style list-style-image 将图象设置为列表项标志。 URL 图像的路径。 none 默认。无图形被显示。 inherit 规定应该从父元素继承 list-style-image 属性的值。 list-style-position 设置列表中列表项标志的位置。阅读全文

posted @ 2022-01-06 18:13 平_y29 阅读(122) 评论(0) 推荐(0)

公告