摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频教程此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg(https://segmentfault.com/img/bVbbysV?w=500&h=500); 效果预览 按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comeh...
摘要：先来看看的样式吧这里值得一提的是我们的定义的是这样写的好处是它能适配不同类型的手机的界面宽度，毕竟现在市面上手机类型太多，我们不可能为每一款手机都设置一个宽度。其次，我们为什么要定义呢这样可以使我们的页面充满整个手机页面，不会滚动。 昨天用html5写了一个手机密码锁界面，中途碰到一些小问题，解决了后总结了一些小方法来和大家一起分享，如果有不成熟的地方希望大家指出来，大家有更好的方法我...
摘要：组件的外观可以通用，但是位置却不能。总结出现上述问题的愿意一个承担的样式太多。在使用等简写属性时，注意其中关于位置和布局的样式等布局和位置由单独的布局类或单独容器元素构成。降低现有类名冲突使用规则进行命名。 CSS模块化规则 CSS模块的设计原则： 可重用 可维护 可扩展 1 常见的问题 1.1 基于父组件直接修改样式 .widget { background: yello...
摘要：案例图片来自腾讯年的一道前段笔试题，有兴趣的同学可以去看一下。腾讯前端面试稿布局布局指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。 写在前面最近看到《图解CSS3》的布局部分，结合自己以前阅读过的一些布局方面的知识，这里进行一次基于CSS2、3的各种布局的方法总结。 常见的页面布局 在拿到设计稿时，作为一个前端人员，我们首先会做的应该是为设计图大致地划分区域，然后选择一...
摘要：今天在工作中遇到了一个问题有三个块，里面放置展示内容，并排，中间有间隙，两边顶头，可以随屏幕大小自适应宽度。首先就是可能会打乱的加载顺序，还有就是间距是不固定的，并且加了，可能会有副作用。 今天在工作中遇到了一个问题：有三个div块，里面放置展示内容，并排，中间有间隙，两边顶头，可以随屏幕大小自适应宽度。 我第一时间想到的是传统的三列布局，但传统的三列布局都是固定宽度加自适应宽度，从网...
