前言 因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不同, 这样的问题肯定在书本上很难找到解决办法， 需要通过平时的基础积累和经验。 解决方案 使用 ::first-line 伪元素 使用 text-sh…
标签：css
居中的css:完全指南(翻译)
这里主要参考的是CHRIS COYIER写的一篇的文章(点击查看)，主要讲了关于css水平、垂直居中的一些方法,每个方法后面都有一个demo，可以在线查看效果。 1 水平 水平居中有行内元素和块元素，行内元素有文字、图片…
规范开发工具
编辑器 phpstrom sublime text3 APICloudSnippets Alignment AutoFileName Bootstrap 4 Autocomplete BracketHighlighter…
web前端应该从几个方面来优化性能
1.从用户角度来说，优化能让页面加载的更快，对用户的操作能及时的响应，能提升用户的更好的体验效果。2.从服务商的角度来说，优化能解决页面的请求次数，或者减少请求所带来的带宽。前端优化的方式有很多，主要可以分为两大类；第一…
Codepen 每日精选（2018-3-29）
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的立方体动画https://codepen.io/davidkpian… 自动生成曼陀罗图案https://codepe…
CSS设置容器和屏幕高度一致
最近项目遇到一个问题，登录页面是全背景图片，需要图片填满屏幕，并且不能出现滚动条 之前有的方法是: 用Js动态获取屏幕的高度并且赋值给容器。 //获取显示器的高度 var containerHeight = $(wind…
stylus编码规范
详见 https://github.com/leeseean/stylus-style-guide,请多指教和issue。
深入理解margin
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>…
CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法
CSS哪些属性可以继承哪些不可继承 可继承属性：1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定…
Canvas 点线动画案例
Canvas 点线动画案例 画圆： arc(x, y, r, start, stop) 画线： moveTo(x, y) 定义线条开始坐标 lineTo(x, y) 定义线条结束坐标 填充： fill() 绘制： str…
CSS 实现隐藏滚动条同时又可以滚动内容
<div class="outer_div"> <div class="inner_div"> <div>我是内容</div> </div> </div&…
2019年前端面试题-02
px、em和rem的区别 px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化； em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其…
