
CSS
Aijn_faluts
不做无用之事
展开
-
运用flex和rem为移动端布局
flex是对于页面一个非常重要的样式,不会用到px来布局,用rem来代替 rem是根据根文档,也就是html标签上的字体大小来运算的1rem=16px; 手机端的布局也很简单,掌握好flex所有的属性和rem写页面就是一件很轻松的事。 flex的知识过多,咱们只说能应用到的: HTML <!DOCTYPE html> <html lang="zh"> <head&g...原创 2018-11-11 11:36:41 · 1730 阅读 · 0 评论 -
CSS垂直居中的11种实现方式
注:以下demo都只是针对现代浏览器所做,未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下: 使用绝对定位和负外边距对块级元素进行垂直居中 html代码: <div id="box"> <div id="child">我是测试DIV</div> </div> css代码: 复制代码 #box {...转载 2018-12-27 13:48:05 · 228 阅读 · 0 评论 -
shadowDOM
什么是shadowDOM 我们可以拿一些特殊的html标签来举例子 比如说:<video></video> 或者 <input type="range"> 等 。。。 这两个是比较典型的例子 还有 <audio></audio>; 如何看到shadowDOM f12 里面的 setting 运行效果 注意 bootstrap会清除...转载 2019-03-19 11:54:37 · 472 阅读 · 0 评论