轩枫阁

首页 / 搜索标签: CSS

理解与应用CSS中伪元素:before和:after

前言

层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”

post-cover

你一定听说过这个词,尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章

事实上,的确有一些CSS家族的成员(CSS选择器)被分类为伪元素比如::first-line, :first-letter, ::selection, :before and :after。但是,就本文而言,我们将把我们探讨的范围限制在:before 和 :after这两个元素上。因此,本文中的“伪元素”将特指这两个伪元素(:before 和 :after),我们将从基础入手,来研究这个独特的主题。 查看全文

2014/10 21  周二

修改CSS后自动刷新页面查看效果

前言

在做web开发的过程经常需要修改CSS文件,而每次修改后都需要手动去刷新浏览器才能看到效果,相当麻烦。

这里推荐一个开源的JS工具,可以帮助我们在修改CSS文件后,自动刷新页面查看效果,提高了开发的效率。

使用

使用方法很简单,只要在页面中引入后面的的cssrefresh.js文件,那么当前页面的css代码修改之后,页面就会自动刷新呈现效果了。需要注意的是,项目必须在服务器下预览,因为使用ajax请求,所以本地项目无法正常工作,并出现XMLHttpRequest cannot load … Cross origin requests are only supported for HTTP错误。 查看全文

2014/02 15  周六

全面的css hack(ie6-9,firefox,chrome,opera,safari)

前言

在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。这次来看下CSS hack

为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-11(主要是6-9)。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本。 查看全文

2014/02 15  周六

LESS编写技巧分享,快乐编写CSS

是不是也曾经为编写CSS而苦恼,重复性的编写、存在兼容性等问题,接下来就分享下我是如何使用LESS快乐编写CSS的,让你事半功倍~

前言

在此之前你可能听说过或使用过LESS, Sass 和其他 CSS 预处理器,它们是一种超棒的方法用来扩展 CSS 功能,使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS,以更少的代码完成更多的样式。

关于LESS

如果你还没接触过 LESS,可以先行阅读以下教程:

LESS CSS中文官网:http://www.lesscss.net/article/home.html

或者对于选择使用LESS或者SASS有疑问:

Less介绍及其与Sass的差异:http://www.w3cplus.com/css/an-introduction-to-less-and-comparison-to-sass.html

 

组件分享

组件简介

基础组件包括:layout.less、reset.less(源码附后),接下来可在其他的less文件中引入这些文件:@import “include/reset.less”;即可,分成更多的模块文件,使结构更清晰。

编写技巧

layout.less:包含reset.css,及部分常用的兼容性代码,包括圆角、省略号、文本隐藏、阴影、渐变、折行等,一一介绍. 查看全文

2013/12 14  周六

利用CSS创建三角形【译】

首次翻译,整个译文带有我自己的理解,如果译得不好或不对之处还请同行朋友指点。

英文原文:《Creating Triangles in CSS》

demo地址:http://www.xuanfengge.com/demo/201308/Triangles/

我在我的职业生涯中遇到过一些技术和技巧,在最后一个演出上工作时,一个同事想我指出这种技术。我相信这个是由传奇 Eric Meyer最初发现的,但是我在网上找不到太多关于它的文档。所以我想在这里描绘一下这种技术。

dsg 查看全文

2013/08 19  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子