
前端基础
文章平均质量分 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 · 6314 阅读 · 0 评论 -
图片加载失败后CSS样式处理最佳实践
图片加载失败后CSS样式处理最佳实践 1、传统的图片异常处理 如果因为网络或者跨域限制等原因无法正常加载,在默认情况下会显示浏览器默认的“裂开”的图片效果,如果设置了 alt 属性值,则 alt 属性对应的内容也会一并显示。例如: <img src="//xxxxx/zxx.ico" alt="鑫空间鑫生活"> 例如Chrome浏览器下的效果截图如下所示: 可以看到图片加载异常之后的视觉效果实在是太粗糙了,程序员可忍设计师不可忍,因此,为了更好的视觉效果,实际项目开发中,我们总会对图片加载原创 2020-11-13 11:05:14 · 646 阅读 · 0 评论 -
104道 CSS 面试题
104道 CSS 面试题 (给前端大全加星标,提升前端技能) 作者:CavsZhouyou https://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 · 1527 阅读 · 0 评论