一.水平居中 (1)直接父集设置text-align:center; .parent{text-align:center;} <div class="parent"> <div class="child…
标签:css
一批面试记录
关于vue虚拟dom 生命周期 flex布局的排列方式 块级作用域的描述 箭头函数和普通函数的区别(多一些) rem布局的原理 nuxt.js服务端渲染原理 路由怎么匹配404页面 这里 改过哪些webpack的配置 c…
轻松实现固定比例的块级容器
给H5布局的时候一般都会碰到banner(横幅) 比如要显示成2比1 当然后端返回的图片是2比1就好了 但事情往往不会那么如意 所以怎么办呢 ? 写死宽高总觉得不妥当 默认width: 100%;让height自适应呢 …
Css优先级
内联样式,优先级1000id选择器,优先级100类和伪类,优先级10元素选择器,优先级1通配选择器,优先级0继承的样式没有优先级当选择器包含多种选择器时,需要将多种选择器的优先级相加然后进行比较。但是注意,选择器的优先级…
Codepen 每日精选(2018-4-11)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写行走的大象https://codepen.io/FabioG/ful… 纯 css 画的 iphoneXhttps://…
字符串截取的几种办法(php,js,css三种)
可能没什么含量,求少拍砖。 首先是PHP版本的。 <?php echo mb_strimwidth("这里是内容", 0,3,"...","utf-8"); ?> 其实只用mb_strimwidth一个函数就…
精神病啊!——微信同层播放器接(踩)入(坑)总结
预计踩过微信视频这个坑的,心田都想说上一句: “精神病啊!” 而微信也终究出了个《H5同层播放器接入范例》,算是平常点了……好了闲话不说,下边进入正题: 1. <video>标签里的内联播放相干属性 微信在v…
vue的源码剖析(passive特征,觉得是口试加分项)
本日我看源码,由于一边看一边记笔记所以看的慢。倏忽发明一个特征。所以零丁开一篇。 觉得是一个秀bigger的特征,如果有一天面试官问你发明优化页面的时刻, 你提出能够搜检阅读器是不是能够运用该特征。提拔转动流通度。 pa…
使用 @font-face
@font-face允许我们在网页里使用在线字体显示文字。把它写到css中以后,浏览器就会根据其中指明的地址下载对应的字体,然后按照css中的样式来显示字体。 不使用这个命令的话,网页可用的字体会受限于本地计算机的字体,…
CSS高级技巧
使用:not()在菜单上添加/取消边框 很多人会这样给导航添加边框,然后给最后一个取消掉: /* add border */ .nav li { border-right: 1px solid #666; } /* re…
css:oo css
oo css 既面向对象的css 作用 1.加强代码的复用方便维护。2.减小css体积。3.提升渲染效率。4.组件库思想、栅格布局可共用、减少选择器、方便扩展。 注意事项 1.不要直接定义子节点,应把共性声明放到父类。2…
webpack把你的项目编译成了什么
webpack一般会帮我们把所有的文件(js,css,图片等)编译成一个js文件(webpack安装,使用),一般这个文件名为bundle.js。我们直接在html文件中用script标签引入就行了,就想下面这样: &l…