css
css知识点
guocongcong-cc
归纳总结,记录职业生涯
展开
-
2020开年最火css效果实现
1.交错动画 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢?注意到CSS动画有延迟(delay)这一属性。 举个栗子,比如有十个元素播放十个动画,将第二个元素的动画播放时间设定为比第一个元素晚...原创 2020-01-20 14:30:25 · 445 阅读 · 0 评论 -
关于html和css面试高频问题总结
初中级的前端人员面试必然少不了html和css的内容,笔者就今几年公司招聘前端所搜集到的高频率问题进行汇总整理,做重要是尝试给一个最佳答案(欢迎指正) 第一部分 HTML5 基础 1.1. 请描述一个网页从开始请求到最终显示的完整过程? 一个网页从请求到最终显示的完整过程一般可分为如下 7 个步骤: 在浏览器中输入网址; 发送至 DNS 服务器并获得域名对应的 WEB 服务器的 IP 地址; 与...原创 2020-01-07 15:23:20 · 478 阅读 · 0 评论 -
一次学完css所有关于居中的方案
css中对于居中问题是写页面最基本的要求,通过对以往经验总结将所有的居中问题进行归纳。 问题 水平居中的解决方案。 垂直居中的解决方案。 水平垂直居中解决方案。 水平居中场景:外层容器大小不固定,内层容器大小随内容宽度决定,要求内层容器居于外层容器水平居中位置。 方案1. 通过设置内层容器display:display:inline-block;外层容器设置text-align:center ...原创 2020-01-06 17:58:06 · 201 阅读 · 0 评论 -
关于css中长度与角度单位总结
习惯了用px单位布局的童鞋们注意了,随着h5应用越来越广泛,适配各种设备及应用场景越来越复杂,仅仅用px布局已经力不从心,你需要了解掌握更多关于css的长度角度单位,本篇博文参考css官方文档对css中所有的长度角度单位进行整理,包括浏览器的支持情况; 长度单位 长度单位包括包括:相对单位和绝对单位。 相对长度单位包括有:em,ex,ch,rem,vw,vh,vmax,vmin 绝对长度单位包括有...原创 2019-12-26 10:39:47 · 264 阅读 · 0 评论 -
关于css伪元素和伪类看这一篇就够了
css伪类和伪元素在页面开发中经常使用到,但相对来说比较生僻,每次都要去查下文档,今日将其进行总结整理想对比记忆效果更好。 css伪类用于向某些选择器添加特殊的效果。 常用的伪类有如下 :link, :visited, :hover, :focus, :active, :first-child, :lang css3新增的伪类: :last-child, :only-child, :first-o...原创 2019-12-25 17:17:48 · 197 阅读 · 0 评论 -
用scc-loader实现模块化css编程
css模块化在项目中越来越被重视,前段时间应项目组成员要求,实现一个css模块化的demo参考,今日将其分享出来 众所周知css语言是不具备模块画的能力,但是借助webpack的css-loader来实现,其核心就是css-loader的modules属性 新建a.css文件: :global .border-red{ border:1px solid red; }; *{ padding:...原创 2019-12-16 15:43:41 · 146 阅读 · 0 评论