![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
诸葛韩信
飞翔在低空的缺氧人士。
展开
-
CSS 面试题
1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?盒模型都是由四个部分组成的,分别是margin、border、padding和content。标准盒模型和IE盒模型的区别在于设置width和height时,所对应的范围不同。标准盒模型的width和height属性的范围只包含了content,而IE盒模型的width和height属性的范围包含了border、padding和content。一般来说,我们可以通过修改元素的box-sizing属性来改变元素的盒模型。知转载 2020-10-22 14:31:14 · 2130 阅读 · 0 评论 -
BFC的神秘面纱
面试的时候,面试官有的时候会让你说说BFC。那到底什么是BFC,什么条件下可以创建BFC,什么元素默认就是BFC的,什么css属性遵循什么方式就可以呈现BFC呢?BFC的英文全写是Block formatting context,中文译文是块格式化上下文,是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。可能直接理解什么是BFC困难了一些,我们可以先了解一下文档的三种布局定位方案。一、三种文档流的定位方案常规流(Normal flow)常规流原创 2020-09-09 15:49:55 · 314 阅读 · 0 评论 -
-webkit-line-clamp属性在IE上不生效的问题
-webkit-line-clamp本身不是一个正式的css属性,它目前适用于webkit为内核的浏览器。所以,当我们需要保存两行字符,多出的部分用“…”替代的话,那么IE上市不会成功的。正常状态是这样:而在IE浏览器上面是显示这样的:解决的代码如下:.content { font-size: 14px; color: #4A4A4A; overflow: hidden; line-height: 26px; position: relative; height: 45原创 2020-08-20 14:57:11 · 3593 阅读 · 0 评论 -
CSS常用技巧样式
1、有逼格的按钮控件原理:根据css3的属性的渐变和阴影进行控制.graybutton { -moz-box-shadow:inset 0px 2px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 2px 0px 0px #ffffff; box-shadow:inset 0px 2px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left b原创 2020-07-29 20:41:32 · 136 阅读 · 1 评论 -
彻底搞懂word-break、word-wrap、white-space
white-space、word-break、word-wrap(overflow-wrap)估计是css里最基本却又容易让人迷惑的三个属性了,估计很多人都有把它们搞混或用错的经历。必须系统整理一下,今天我们就把这三个属性彻底搞清楚!**测试代码**(文末有本文中所有例子的代码)下面是本文中用于测试三个样式属性展现情况的html代码:<div id="box"> Hi , This is a incomprehensibilitie.转载 2020-06-17 20:34:29 · 503 阅读 · 0 评论 -
Nprogress——页面加载的虚假进度条
Nprogress是一个比较简单的页面加载用进度条(其实也可以用作接口加载进度,或者其它处理加载进度样式)。简单而代码又少。实用度比较高。**1、Nprogress的原理**Nprogress的原理非常简单,就是页面启动的时候,构建一个方法,创建一个div,然后这个div靠近最底部,用fixed定位住,至于样式就是按照自个或者默认走了。相信很多小伙伴都知道,一个页面或者一个接口的进度计算是非常复杂的,即便能够计算出来,那么消耗的性能终究是非常大的,这个时候虚假的进度条的作用就显示它的强大了。一开始进入原创 2020-06-16 17:30:10 · 39892 阅读 · 1 评论 -
@import inserts duplicates 在webpack打包的vue项目 css文件重复了
最近,在整理多页面项目的时候,发觉在项目打包之后,css文件中最常引用的common.css文件居然重复出现了!!!dist文件就过大了,css文件居然达到了2mb多,这就让人很烦恼了啊。到底是什么问题导致它这么庞大呢?是因为import多次,然后它重复了吗?还是说css文件标签上style套用了scope?还是说,自己项目中引用的顺序有问题呢?比如说报错chunk chunk-12...原创 2020-04-02 18:56:25 · 1856 阅读 · 0 评论