Css
关注
分享
扫一扫
前端客户端职业研发
科学研究，不断探索，步步实践
展开
-
less几个关键技巧
less 中比较实在的功能点:一、变量声明变量@img: "~@src/img"; // 作为url，可以配合路径别名一起使用，这里可以把图片路径进行声明，减少后期使用时的路径冗余@link-color: #428bca; // 作为属性值@i: 1; // 作为选择器@ml: margin-left; // 作为属性名在less中使用的变量有两种形式：作为属性值a.link { color: @link-color;}作为选择器、属性名、url时，插入变量与普通作为属性值原创 2022-01-24 16:24:05 · 930 阅读 · 0 评论 -
使用css布局优先展示元素
使用css布局优先展示元素，比如京东商城的banner是优先展示，有2种布局方法：圣杯和双飞翼，圣杯，容器先padding预留左右2个区域，然后优先展示先放，左右后放，浮动布局，left移动双飞翼，容器只给宽度，优先展示部分100%撑满容器，左右两部分，浮动布局，覆盖上去圣杯：<!DOCTYPE html><html><head><style...原创 2019-10-25 12:29:03 · 732 阅读 · 0 评论 -
用css绘制一些简单的梯形和三角形
教你使用css属性绘制梯形与三角形，其实这个问题主要考察对于盒子模型的结构的一个分析，本人面试也曾被坑过，一个元素的盒子模型结构是这样的，接下来我把所有的情况都列举了下来，以下为代码：<!DOCTYPE html><html><head><style> div { /*height: 100px;*/ width: 6...原创 2019-10-25 11:14:12 · 547 阅读 · 0 评论 -
Css小笔记
不要使用@import这。。坑爹呢，看了一大堆，结果告诉我不要使用！ 这也只是个建议，因为import的确会带来一些问题，所以网络上会有各种「抵制@import」的文章，既然设计了@import，总有它的有用之处，不能过于绝对。使用@import影响页面性能的地方主要体现在两个方面： 1. 影响浏览器的并行下载 2. 多个@import导致下载顺序紊乱在实际项目...原创 2018-05-23 10:05:04 · 2331 阅读 · 0 评论 -
浅叙css属性值继承
继承：html元素可以从父元素那里继承一部分css属性，即使当前元素没有定义该属性。1.css可以和不可以继承的属性不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、botto...原创 2019-03-18 09:33:32 · 1008 阅读 · 0 评论 -
css的回流和重绘
回流和重绘当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(其实我觉得叫重新布局更简单明了些)。每个页面至少需要一次回流，就是在页面第一次加载的时候。当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。注：从上面可以看出，回流...原创 2019-03-18 09:43:32 · 871 阅读 · 0 评论