桔子_Lynn

摘要： label标签的定义和用法： <label> 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 < 阅读全文

摘要： 遇到一个题目：一个div宽度是固定百分比的情况下，如何设置高度是宽度的80% 看到题目的第一反应是用js控制，获取到div的宽度之后再用宽度的80%来设置div的高度，但是如何在不用js的情况下，只用CSS来实现呢 下面是示例代码： HTML代码： CSS代码： 效果如图： 上图中，宽度是高度的80 阅读全文

摘要： css3新增Gradient属性，用来增加渐变的效果，渐变分为线性渐变 linear-grident 和 径向渐变 radial-grident，这篇文章主要介绍线性渐变linear-grident 。 linear-grident语法： 1. direction表示渐变方向，取值有 to top, 阅读全文

摘要： 在之前一篇文章中，曾记录过一个开发中遇到的问题，在页面中文字增加到一定数量，或者文字大小设置为某一个值时，页面中的文字字号会突然变大，超出自己设置的字号大小。 如下图所示： 虽然我设置的字号大小是24px，但是在computed下却是28.7px，超出我所设置的大小，那么问题来源是什么？ 经高人指点 阅读全文

摘要： 以前经常听到Seajs，但是没深入了解过，不清楚到底是用做哪个方面，后来调组到M站做开发，发现项目用到了Seajs，便去了解下 SeaJS是一个遵循CMD规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。————来自百度百科 也就是项目中模块化开发的主力军 阅读全文

摘要： clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeight是几个困惑了好久的元素属性，趁着有时间整理一下 1. clientWidth 和 clientHeight 网页中的每个元素都具有 clientWid 阅读全文

摘要： 我也是偶然发现这个问题，本来活动说明只有一条内容，但是后来运营想加到六条，那就加呗，我就直接把增加的文案复制到代码中 之前的内容是这样的：活动说明的内容字号设置为24px 在我加了几个文案之后，突然变成了这样： 当时我是蒙的，查看控制台代码： 字号设置依旧是24px啊，可是24px什么时候是这么大的 阅读全文

摘要： 之前的随笔从阮一峰老师那里学到了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。 1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如 阅读全文

摘要： 在做移动端项目的时候发现，如果弹窗的内容很多很长，在滑动弹窗时，蒙层下面的window窗体也会跟着一起滚动，这样带来很差的视觉体验：当时也想了很多办法，比如判断滑动的元素，如果是弹窗里面的元素则禁止window的滚动，如果不是，则window可以滚动 虽然在滑动弹窗的时候window体不滚动，但是当 阅读全文

摘要： 在日常工作中，会经常遇到两个或多个元素并排排列的效果，以前会使用float等实现，float虽然方便好用，但是需要清除浮动，有时会带来意想不到的bug 而且在移动端是不推荐使用float的，所以使用display:inline-block是一个不错的选择。 但是display:inline-bloc 阅读全文