css

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi
业界 2016年07月05日

JS实现时钟效果

闲来无事，用JS写了个时钟，只要思路理清了，做起来其实还挺简单的。先发个效果链接 点击查看Demo代码实现HTML 9 10 11 12 1 2 3
业界 2016年07月28日

新鲜实用！20款为前端和网页设计师准备的代码工具

毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。合理的选取适合你的工具，并且运用到对的项目当中，当有奇效。HTML COLOR CODES 如果你需
产品 2016年08月10日

CSS居中方法总结

水平居中实现方案确定宽度的元素水平居中1.我们可以通过给该元素的父级设置margin: 0 auto的方式来实现。HTML: centerCSS: .parent { margin: auto; } .child { width: 200px; }此时检查元素即可即可实现内层的div实现了居中,这种方式是最为我们
业界 2016年06月19日

（一）选择器和选择器的优先级

本来想把标题写成css不得不说的那些事之选择器和选择器的优先级，但是为了本篇文章能被更多的人阅读，还是把名字改得老套一点。好了，废话不多说了，下面开始css不得不说的那些事的第一篇，选择器和选择器的优先级。一、选择器更加专业性的介绍，来看一下w3school中的描述，网址为：http://www.w3school.com.cn/cssref/css_selectors.as
业界 2016年07月06日

SASS 学习笔记

基础知识这部分内容摘自 Sass Basics。预处理 Preprocessing预处理功能，就是将 SASS/SCSS 格式的文件输出为 CSS 文件，可以对单个文件进行预处理，也可以对指定目录进行预处理，还可以对指定目录进行实时监控，基本语法如下：sass input.scss output.csssass --watch app/sass:public/stylesh
业界 2016年07月06日

一些css小问题

块级元素，引用百度百科块级元素特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素行级元素，引用百度百科块级元素特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素（‘缺省’我也不知道是什
业界 2016年07月18日

前端开发之单一职责原则

单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。在前端开发的过程中，一个需求总会有多种解决方法，如果多人开发，其实我觉得单一职责挺适合前端的，前阵子看了下实习生的代码，就想举这个例子来说说。需求描述：两个input框作为查询条件，一个按照名
业界 2016年07月05日

css使文字显示两行后显示省略号

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎... 直接上代码： .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; }狠狠的点击，查看
业界 2016年07月14日
加载更多