文章分类 -  前端 / css 点滴

摘要：什么是视口？就是浏览器显示页面内容的屏幕区域。 视口可以分为 布局视口、视觉视口和理想视口 布局视口 layout viewport，一般手机浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题 iOS, Android基本都将这个视口分辨率设置为 980px，所以PC上的 网 阅读全文

摘要：新增动画 transform translate 变换-平移transition 过渡 transform-origin 变换原点rotate 旋转 scale 大小 keyframes 关键帧 translate 翻译为平移 默认是以自身的宽高平移 典型案例是 将元素设置水平垂直的居中对齐 <!D 阅读全文

摘要：2. 新增了那些语义化标签 - `header` 头部标签 - `nav` 导航标签 - `article` 内容标签 - `section` 块级标签 - `aside` 侧边栏标签 - `footer` 尾部标签 以上 全是 div 块级元素 3. 使用语义化标签的注意 - 语义化标签主要针对搜 阅读全文

摘要：CSS的三大特性 CSS有三个非常重要的三个特性：层叠性、继承性、优先级。 1. 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 继 阅读全文