关键词:animation 帧动画、animation steps 属性 主要是对 css 动画的一个实际应用考察 以下是一个使用 CSS 实现简单打字机效果的示例代码: <!DOCTYPE html> .typewriter { width: 300px; border-right: 4px solid black; animation: typ
https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md 本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出! 目录 1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?[1] 2.CSS 选择符有哪些?[2] 3.::before...
https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md 本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出! 目录 52.layoutviewport、visualviewport 和 idealviewport 的区别?[1] 53.position:fixed;在 android 下无效怎么处理?[2] 54...
关键词:固定长宽比 在 CSS 中,可以通过以下几种方式实现固定长宽比的元素: 一、使用 padding 实现 原理: 利用元素的padding属性以百分比形式设置时是相对于父元素宽度的特点,通过设置padding-top或padding-bottom来实现固定的长宽比。 示例代码:
CSS垂直居中,你会多少种写法? https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/92怎么让一个 div 水平垂直居中 一、元素水平居中 1、text-align text-align:center; 行内元素(图片或文字)居中 在父元素上设置text-align: center使文字/图片在整个页面上水平居中 ...
Now that we've discussed the basics of CSS, let's look at important CSS-based interview questions. Question 1: What is CSS? CSS (Cascading Style Sheets)is a styling language that is simple enough for HTML elements. It is very popular in web design and its application is common in XHTML...
其默认值flex: 0 1 auto 参考 https://zhuanlan.zhihu.com/p/24372279 面试题目 https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/381 https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/382
题目来源:Daily-Interview-Question 第 60 题 了解box-sizing吗? box-sizing 属性可以被用来调整这些表现: content-box 是默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px 宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。 border-box 告诉浏览器:你想要设置的边框和内...
所以一般将 放在 标签前面 如何优化渲染流程即如何减少白屏时间? 使用内联 JS、CSS ,减少 JS 、 CSS 文件的下载 webpack 等工具对 JS、CSS 文件压缩,减少文件大小 使用async 或者 defer 使用CDN 等 https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/510...
https://github.com/poetries/FE-Interview-Questions/blob/master/Interview-Questions/Front-end-Developer-Questions%5Bquestion-and-answer-version%5D.md 用纯CSS创建一个三角形的原理是什么? 把上、左、右三条边隐藏掉(颜色设为 transparent) #demo { ...