摘要: 最常用的两种方式: display:none,这种方式可以使元素彻底从文档中删除,会造成浏览器的回流与重绘 visibility:hidden,元素会从页面中消失,它原本占据的空间会被保留,会造成浏览器的重绘,适用于希望元素隐藏又不影响页面布局的场景,但是该属性会被子元素继承,所以若不希望子元素隐藏 阅读全文
posted @ 2020-07-05 20:25 青老师 阅读(376) 评论(0) 推荐(0) 编辑
摘要: white-space: nowrap; /* 文本不换行 */ overflow: hidden; /* 溢出文本隐藏 */ text-overflow: ellipsis; /* 溢出文本省略 阅读全文
posted @ 2020-07-05 20:21 青老师 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 既呈现 inline 特性(不占据一整行,宽度由内容宽度决定) 又呈现 block 特性 (可设置宽高,内外边距) 默认情况下,inline-block元素之间就有空隙出现(缝隙的实质就是元素标签段之间的空格) 1.去掉HTML中的空格; 2.使用font-size:0; vertical-alig 阅读全文
posted @ 2020-07-05 20:20 青老师 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 第一种是设他们父级的字体大小为0 第二种是两个button的html代码不要换行 阅读全文
posted @ 2020-07-05 15:50 青老师 阅读(526) 评论(0) 推荐(0) 编辑
摘要: line-height: 2 表示单行文本的行高为它本身的两倍 line-height: 200% 表示单行文本的行高为系统默认字体的200% 在继承性上: 对父元素设置了line-height: 2后,父元素的子元素会继承line-height: 2这个属性,子元素的行高都是自身高度的2倍,是相对 阅读全文
posted @ 2020-07-05 15:47 青老师 阅读(685) 评论(0) 推荐(1) 编辑
摘要: 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 注释:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 几种解决办法: 1:父容器:border:1px solid;( 阅读全文
posted @ 2020-07-05 15:44 青老师 阅读(518) 评论(0) 推荐(0) 编辑
摘要: 行内元素有哪些? a - 锚点 em - 强调 img - 图片 font - 字体设定 ( 不推荐 ) i - 斜体 input - 输入框 块级元素有哪些? address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易, 阅读全文
posted @ 2020-07-05 15:27 青老师 阅读(1147) 评论(0) 推荐(1) 编辑
摘要: W3C标准盒模型中padding、border所占的空间不在width、height范围内 { box-sizing: content-box; } IE盒模型中width、height包括content尺寸+padding+border { box-sizing: border-box; } 阅读全文
posted @ 2020-07-05 15:24 青老师 阅读(261) 评论(0) 推荐(1) 编辑
摘要: 1、px px就是pixel的缩写,意为像素。px就是一张图片最小的一个点,一张位图就是千千万万的这样的点构成的,比如常常听到的电脑像素是1024x768的,表示的是水平方向是1024个像素点,垂直方向是768个像素点。 2、em 参考物是父元素的font-size,具有继承的特点。如果自身定义了f 阅读全文
posted @ 2020-07-05 15:20 青老师 阅读(2045) 评论(0) 推荐(1) 编辑
摘要: CSS继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。 一、能继承的属性 1. 字体系列属性:font、font-family、font-weight、font-size、font-style; 2. 文本系列属性: (1)内 阅读全文
posted @ 2020-07-05 15:12 青老师 阅读(1298) 评论(0) 推荐(1) 编辑