Tag "css" 相关话题

经验总结

CSS实现background背景图优化,快速加载图片

Deshun 发布于 2年前 (2019-01-10) 阅读(5503) 评论(1) 赞 (2)

之前写过一篇:CSS中background属性总结 整理了 background 的常用属性。日常项目中经常会用到全屏的图片, .png 和 .jpg 的图片都太大,加载缓慢。我们可以使用webP格式的图片或者分辨率较低的压缩图,再叠加一层清晰的 png 图片,实现快速显示的效果。叠加 png 图片的目的是防止某些浏览器不支持 webP 格式。CSS代码:&...

HTML笔记

利用css实现单行文本文字两端对齐

2

Deshun 发布于 2年前 (2018-12-30) 阅读(2937) 评论(0) 赞 (0)

利用css实现单行文本文字两端对齐

日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题,不支持单行文本的两端对齐,只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果:利用伪类 :after 实现:给元素添加伪类...

经验总结

CSS遮罩应用:带有不规则三角的气泡

2

Deshun 发布于 2年前 (2018-11-21) 阅读(1804) 评论(0) 赞 (0)

CSS遮罩应用:带有不规则三角的气泡

一般网站应用中都会应用到三角形,正三角形的写法也有很多,网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法,效果如下:左边部分的矩形比较好实现,通过设置宽高可圆角就可以,但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性(CSS Masks):-...

HTML笔记

央视著名主持人李咏去世,其百度百科词条变灰是如何实现的?

3

Deshun 发布于 2年前 (2018-10-29) 阅读(1448) 评论(0) 赞 (1)

央视著名主持人李咏去世,其百度百科词条变灰是如何实现的?

李咏是央视著名主持人,他主持过的节目陪伴着无数人度过了美好的童年。但不幸的是,在10月29日上午9时许,李咏的妻子哈文在微博上发文称李咏去世的消息“在美国,经过17个月的抗癌治疗,2018年10月25日凌晨5点20分,永失我爱……”,一时间轰炸整个微博,明星大V以及网友们都为李咏...

经验总结

原生JavaScript获取元素的margin外边距

1

Deshun 发布于 2年前 (2018-10-11) 阅读(11342) 评论(0) 赞 (5)

原生JavaScript获取元素的margin外边距

最近想找一个可以获取元素高度(包括外边距margin)的方法,原生JS的实现方法一直没有找到,不过有一个方法可以获取元素的边距,记录一下:语法是(获取元素的属性值):getComputedStyle(element[,pseudo])该语法一般有两种用法:document.def...

HTML笔记

HTML设定页面可滚定 背景图片固定

Deshun 发布于 2年前 (2018-10-10) 阅读(6590) 评论(0) 赞 (10)

有时项目中会遇到背景图固定,页面内容可以滚动,背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现,利用 background-attachment:fixed; 就能实现,代码如下:body{     background: url("bg.png");   &...

HTML笔记

overflow的一些小细节笔记

3

Deshun 发布于 3年前 (2018-08-01) 阅读(1653) 评论(0) 赞 (0)

overflow的一些小细节笔记

最近在项目中遇到一个问题,同事在IE浏览器下测试时出现底部大块空白的问题。如下图:我反复测试,问题并没有重现,最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查,发现在reset文件里面的一行代码的问题,把其中的 overflow-y:scroll; over...