![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础
文章平均质量分 80
前端相关的知识
无心玩编程
学会积累,学会记录,厚积薄发。
展开
-
3种实现CSS 上下居中的方法
3种实现CSS 上下居中的方法在CSS里不好使了,在CSS里 解决上下居中问题又能支持both IE和Firefox的有3种方案:第一种,上下居中文字:方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中.h1 { font-size: 3em; height: 100px; }需要注意的是:如果中间的文字不只一行,并且使用分行显示的时候,这个就不好用了。原创 2020-11-14 14:38:49 · 6180 阅读 · 0 评论 -
图片加载失败后CSS样式处理最佳实践
图片加载失败后CSS样式处理最佳实践1、传统的图片异常处理 如果因为网络或者跨域限制等原因无法正常加载,在默认情况下会显示浏览器默认的“裂开”的图片效果,如果设置了 alt 属性值,则 alt 属性对应的内容也会一并显示。例如:<img src="//xxxxx/zxx.ico" alt="鑫空间鑫生活">例如Chrome浏览器下的效果截图如下所示:可以看到图片加载异常之后的视觉效果实在是太粗糙了,程序员可忍设计师不可忍,因此,为了更好的视觉效果,实际项目开发中,我们总会对图片加载原创 2020-11-13 11:05:14 · 547 阅读 · 0 评论 -
104道 CSS 面试题
104道 CSS 面试题(给前端大全加星标,提升前端技能)作者:CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出!目录1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?[1]2.CSS 选择符有哪些?[2]3.::before原创 2020-11-13 10:39:30 · 1398 阅读 · 0 评论