![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css 解决方案
lt_1111
这个作者很懒,什么都没留下…
展开
-
CSS常用样式汇总
1.文字超出显示省略号/** 单行超出显示省略号 **/p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }/** 多行超出显示省略号 **/p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: h原创 2021-09-15 13:47:21 · 141 阅读 · 0 评论 -
css 的 2D变形(transform):translate、scale、rotate、skew实现“折叠”界面
先看效果图:html代码部分:<ol class="rules" start="3"> <li>平移属性:translate()、translateX()、translateY()</li> <li>旋转属性:rotate()、rotateX()、rotateY()</li> <li>缩放属性:scale()、scaleX()、scaleY()</li> <li>倾斜属性:skew(原创 2020-09-02 19:58:16 · 775 阅读 · 1 评论 -
利用【行内块】让图片和文字都垂直居中显示?
<p class="user-meta"> <img class="user-image" src="static/image/test.jpg" /> <span class="user-info"> <span class="user-name">大圆脸</span> <span class="user-email">******@qq.com</span> </span&g.原创 2020-08-28 18:15:54 · 756 阅读 · 0 评论 -
运用css的线性渐变画网格背景图
先上效果图body{ background-color:#fff; background-image: linear-gradient(transparent,transparent 50%,rgba(55,110,176,0.3) 50%), linear-gradient(to right,transparent,transparent 50%,rgba(55,110,176,0.3) 50%); background-size:40p原创 2020-08-28 15:38:08 · 987 阅读 · 0 评论 -
css背景色rgb、rgba、hsl、hsla、opacity的使用详解
我们先从最简单的例子开始:为整个页面添加背景色。body { background-color:#f7f7f7;}也可以使用更简短的写法:body { background:#f7f7f7;}区别:第二个属性是第一个属性的简写,通过它可以一次性的设置与背景相关的多个属性。上面的例子中,表面上只声明了背景颜色,实则同时也设置了除背景色之外的其它值(比如图片),只不过把其它属性重置为了默认值。上面的例子中,颜色值我使用了十六进制的方法表示。所谓十六进制表示法,就是一个#后加上6位十六进制原创 2020-08-28 10:55:06 · 1729 阅读 · 0 评论 -
Web字体载入利器(Web Font Loader)使用详解(Web字体加载缓慢解决办法)
网上对web font loader 的使用介绍并不多,我也是在空闲的时候偶然在一本书上看到对于字体加载缓慢的处理方法中有提到一句web font loader。在此之前,我从未使用过web font loader。于是我在网上搜索关于对此的介绍,发现介绍并不多。我想应该目前使用的人也不多吧。以至于没有过多的人在网上对它做详细的介绍。在我查阅的资料中,地址(***https://www.w3ctech.com/topic/1624***)算是写得稍微详细一点的,其余的都不怎么样,当然有可能是我查询的资料不原创 2020-08-27 19:16:45 · 3196 阅读 · 0 评论 -
页面加载性能优化方案
选择以什么方式把css加载到页面中,决定了浏览器显示页面的速度。度量Web性能的一个重要指标就是网页内容实际显示在屏幕上需要多久。这个指标被称为“渲染时间”或“上屏时间”。现代浏览器在屏幕上渲染内容之前至少需要两样东西:HTML 和 CSS。这就意味着让浏览器尽快下载HTML和全部CSS极为重要。1.减少HTTP请求在链接外部样式时,每个文件都需要单独发送一次HTTP请求。那么,每次从服务器请求文件都会花一定的时间下载,然后再应用到页面中。线上网页最好把需要加载的CSS文件数量控制在1或2个。只原创 2020-08-26 16:09:45 · 282 阅读 · 0 评论 -
css 选择符总结
css 选择符选择符分类:1.类型选择符(元素选择符);2.ID选择符;3.子选择符;4.同辈选择符(一般同辈组合子、相邻同辈组合子);5.通用选择符;6.属性选择符;7.伪元素;1.类型选择符(元素选择符)类型与后台选择符是最基本的选择符。类型选择符用于选择特定类型的元素,比如段落:p { color: black;}只要...原创 2020-08-26 13:42:51 · 1251 阅读 · 0 评论