2017年01月_神经派哲学家

原创 CSS3布局 —— Columns

一、多列布局1.1 多列布局——Columns为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现

2017-01-10 16:01:24 389

原创 CSS3动画——Keyframes

一、Keyframes介绍Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。@keyframes changecolor{ 0%{ background: red; } 100%{ background: green;

2017-01-10 09:51:47 978

原创 CSS3动画—— transition

一、 transition早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS中创建简单的过渡效果可以从以下几个步骤

2017-01-09 15:35:19 388

原创 CSS3变形

一、旋转rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。使用代码如下：.wrapper div { -webkit-transform: rotate(45deg); transform:

2017-01-09 14:53:29 284

原创 CSS选择器（二）

1.:enabled 与 :disabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。用“:disabled”作用不可用的样式。示例演示CSS代码：div{ marg

2017-01-08 16:00:26 278

原创 CSS3的选择器(一)

一、属性选择器在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示：二、结构选择器

2017-01-08 10:18:42 496

原创 CSS2的选择器

一、什么是选择器选择器{ 样式}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。二、选择器的种类1.标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码：p{font-size:9px;line-height:1px}2.类选择器

2017-01-07 14:01:11 373

神经派哲学家的博客