摘要：
加载性能 css压缩：将写好的css进行打包压缩，可以减小文件体积。 css单一样式：当需要下边距和左边距的时候，很多时候会选择使用 margin:top 0 bottom 0；但margin-bottom:bottom;margin-left:left;执行效率会更高。 减少使用@import，建 阅读全文
posted @ 2022-05-31 16:25
yeqi7
阅读(80)
评论(0)
推荐(0)
摘要：
line-height的概念： line-height 指一行文本的高度，包含了字间距，上间距、下间距，实际上文本行基线间的垂直距离； 如果一个标签没有定义 height 属性，那么其最终表现的高度由 line-height 决定； 一个容器没有设置高度，那么撑开容器高度的是 line-height 阅读全文
posted @ 2022-05-31 16:18
yeqi7
阅读(181)
评论(0)
推荐(0)
摘要：
新增选择器 属性选择器 结构伪类选择器 伪元素选择器 2D转换：transform 位移：transform：translate（100px，100px） 缩放：transform：scale（1，1） 旋转：transform：rotate（45deg） 3D转换：transform 位移：tra 阅读全文
posted @ 2022-05-31 14:29
yeqi7
阅读(145)
评论(0)
推荐(0)
摘要：
在写页面的时候，会需要将<li>这个块状元素横排显示，此时就需要将display属性设置为inline-block，此时问题出现了，在两个<li>元素之间会出现大约8px左右的空白间隙，下面举例说明： <html> <head> <title>demo</title> <style type="te 阅读全文
posted @ 2022-05-31 13:36
yeqi7
阅读(460)
评论(0)
推荐(0)
摘要：
盒模型分为两种，一种是IE盒模型，一种是W3C盒模型。 IE盒模型用于IE6一下版本的浏览器，它的content的宽度是包括了padding和border的 W3C盒模型：content的宽度不包括padding和border 此外两种盒模型都包括margin（外边距），在元素外创建额外的空白，空白 阅读全文
posted @ 2022-05-31 09:53
yeqi7
阅读(59)
评论(0)
推荐(0)
摘要：
两者都是外部引用CSS的方式，它们的区别如下： link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。 link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 link是XHTML标签，无兼容问题；@i 阅读全文
posted @ 2022-05-31 09:19
yeqi7
阅读(24)
评论(0)
推荐(0)
摘要：
这两个属性都是让元素隐藏，不可见。两者区别如下： 在渲染树中 display:none会让元素完全从渲染树中消失，渲染时不会占据任何空间； visibility:hidden不会让元素从渲染树中消失，渲染的元素还会占据相应的空间，只是内容不可见。 是否是继承属性 display:none是非继承属性 阅读全文
posted @ 2022-05-31 09:16
yeqi7
阅读(32)
评论(0)
推荐(0)
浙公网安备 33010602011771号