css
gavid0124
java从业者
前端架构师
展开
-
css样式编写规范参考
css样式编写规范原创 2015-04-20 20:44:55 · 1292 阅读 · 0 评论 -
CSS3滚动条美化效果
[css] view plain copy print?::-webkit-scrollbar { width: 14px; height: 14px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px;转载 2016-10-25 15:34:36 · 1459 阅读 · 0 评论 -
十步图解CSS的position
CSS的positon,我想做为一个Web制作者来说都有碰到过,但至于对其是否真正的了解呢?那我就不也说了,至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文中分十步介绍了CSS的“position”中的“static、relative、absolute、float”使用,觉得蛮有意思的。整理了一下贴上来与大家一起分享。希望大家转载 2016-06-27 15:37:05 · 471 阅读 · 0 评论 -
使用Sass减少重复性代码
Hugo大师在understand Sass lists和ADVANCED SASS LIST FUNCTIONS两篇文章中详细分析了Sass中list的功能,但在Sass中还有一个特性非常的有意思——变量插值。不管是列表,还是变量甚至说@if,@for,@each都是Sass中基础部分,仅从一个方面来看,并不能展示出Sass的魅力。反过来说,如果能将这几个部分结合在一起,那么将会给你的开发带转载 2015-09-06 09:03:48 · 1536 阅读 · 0 评论 -
background-position 用法详细介绍
background-position 用法详细介绍语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : to转载 2015-08-30 17:34:21 · 494 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
本文转自:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在60转载 2015-07-15 08:57:08 · 488 阅读 · 0 评论 -
LESS CSS 框架简介
LESS CSS 框架简介使用 LESS 简化层叠样式表(CSS)的编写LESS 是动态的样式表语言,通过简洁明了的语法定义,使编写 CSS 的工作变得非常简单。本文将通过实例,为大家介绍这一框架。简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用转载 2015-07-09 16:01:52 · 715 阅读 · 0 评论 -
css学习笔记——CSS 属性 选择器
CSS 属性 选择器具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。属性选择器下面的例子是把包含标题(title)的所有元素变为蓝色:实例[title]{color:blue;} 尝试一下 »原创 2015-04-28 14:48:44 · 576 阅读 · 0 评论 -
CSS学习笔记-CSS 伪元素
CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。语法伪元素的语法:selector:pseudo-element {property:value;}CSS类也可以使用伪元素:selector.class:pseudo-element {property:value;}:first-line 伪元素"first-line"原创 2015-04-28 14:40:01 · 676 阅读 · 0 评论 -
css学习笔记——CSS 伪类
CSS 伪类(Pseudo-classes) CSS伪类是用来添加一些选择器的特殊效果。语法伪类的语法:selector:pseudo-class {property:value;}CSS类也可以使用伪类:selector.class:pseudo-class {property:value;}anchor伪类在支持 CSS 的浏览器原创 2015-04-28 14:37:02 · 673 阅读 · 0 评论 -
css学习笔记——三种样式表的使用及区别
css学习笔记——三种样式表的使用及区别原创 2015-04-28 08:46:08 · 3836 阅读 · 0 评论 -
css学习笔记——CSS 组合选择符
CSS 组合选择符组合选择符说明了两个选择器直接的关系。CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选取器(以空格分隔)子元素选择器(以大于号分隔)相邻兄弟选择器(以加号分隔)普通兄弟选择器(以破折号分隔)后代选取器后代选取器匹配所有值得元素的后代元素。以下实例选取所有 元素插入到 元素中原创 2015-04-28 14:33:04 · 649 阅读 · 0 评论 -
理解CSS3 transform中的Matrix(矩阵)
一、哥,我被你吓住了打架的时候会被块头大的吓住,学习的时候会被奇怪名字吓住(如“拉普拉斯不等式”)。这与情感化设计本质一致:界面设计好会让人觉得这个软件好用!所以,当看到上面“Matrix(矩阵)”的时候,难免会心生畏惧(即使你已经学过),正常心理。实际上,这玩意确实有点复杂。然而,这却是屌丝逆袭的一个好机会。CSS同行间:你是不是有这样的感觉:哎呀呀,每天就是转载 2017-01-18 17:22:47 · 544 阅读 · 0 评论