css

深入解析 float

0.前言float属性在css2中是一个热门的属性，被广泛应用于布局之中，同时由于不当使用float带来的问题也非常多，本文结合自己对float的理解以及实际项目中碰到float的相关问题，做一个详细总结，欢迎一起探讨，但未经同意禁止转载。以下是文章的目录float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点1. flo
业界 2016年07月23日

Tree v3.5 Demo 演示 OutLook 样式的左侧菜单

简介为了让朋友们更容易的学习 zTree，官网给出了大量的 Demo，不同的图标，不同的风格，好学易懂，这是官网链接：zTree v3.5 Demo 演示。由于工作需要，这里只是把组合功能中OutLook 样式的左侧菜单参考Demo源码实现了，分享给大家我的学习所得。Html和CSS下载zTree v3.5 Demo 演示的源码，将下图所示的文件整合出来，并创建一个outl
业界 2016年07月07日

sass常用语法

sass常用语法 sass是css的预处理器，提供了很多方便的语法，如嵌套、可复用代码块等，但是我们在做一般程序的时候用不上这么多功能，这里总结了sass里我用的最多的几种常用语法： 定义变量 $ff: Arial; $font-color: # ccc; $background-grey: # f5f5f5; 元素（包含伪类）的嵌套 a {color: $font-col
业界 2016年07月04日

前端开发之单一职责原则

单一职责原则（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日

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日

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

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

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

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