宁静致远

CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id

PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...

1.CSS3 word-wrap 属性word-wrap 属性允许长单词或 URL 地址换行到下一行。值 描述 normal 只在允许的断字点换行（浏览器保持默认处理）。 break-word 在长单词或 URL 地址内部进行换行。 实例：2.CSS3 word-break 属性word-break 属性规定自动换行的处理方法。值 描述...

1.setIntervalsetInterval()方法可按照指定的周期来调用函数或者计算表达式（以毫秒为单位）语法：setInterval(函数表达式，毫秒数)；setInterval()会不停的调用函数，直到clearInterval()被调用或者窗口被关闭，由 setInterval()返回的ID值可用作clearInterval()方法的参数。例如：setInter...

熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法，即使你有用过伪类与伪元素，但里面总有一两个你没见过的吧。　　1. 伪类与伪元素　　先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述：　　CSS introd

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles

Flex 布局教程：语法篇作者： 阮一峰日期： 2015年7月10日网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年

什么是LESSCSSLESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的

语法： background-position : length || length background-position : position || position 取值： length  : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位  position  : top | center | bottom | left | center | ri

一.用CSS画出正三角:border-top : 0px ;border-left : 5px solid transparent;border-right : 5px solid transparent;border-bottom : 8px solid #b7b7b7;二.用CSS画出倒三角:border-top : 8px solid #b7b7b7;bo

在web开发过程中，常常会遇到要让布局中的某些文本根据宽度来显示，如果超过最大宽度仍然显示不完的，就显示为省略号的情况，添加下面的CSS样式表就能实现这种效果，但是这种效果只适用于单行显示的文本。首先给用于放文本的标签元素设置一个宽度值，并设置溢出属性overflow为溢出隐藏。width: 245px;(此处宽度为举例)overflow: hidden;设置文本缩略的样式为"..

定义和用法: 此属性参数值越大，则被层叠在最上面z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index属性值。注释：Z-index仅能在定位元素上奏效（例如 position:absolute;）！该属性设置一个定位元素沿 z轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则

单行文本：方法/步骤 1 根据自己的需求编写好模块（如果你不是新手，直接看第二步！） HTML代码： <div class="demo"><p>内容</p></div> CSS代码： .demo{ width: 300px; height: 30px; line-height: 30px; border...