层叠样式表（CSS）是一种向Web文档添加样式（例如，字体，颜色，间距）的简单机制。CSS3是CSS语言的最新发展，旨在扩展CSS2.1。它带来了许多新功能和附加功能，如圆角，阴影，渐变，过渡或动画，以及多列，灵活的框或网格布局等新布局。选择器是CSS的核心。最初，CSS允许按类型，类和/或ID匹配元素。CSS2.1添加了伪元素，伪类和组合子。使用CSS3，我们可以使用各种选择器来定位页面上的...

　　value?属性value?属性规定输入字段的初始值：readonly?属性readonly?属性规定输入字段为只读(不能修改)：readonly?属性不需要值。它等同于?readonly="readonly"。实例disabled?属性disabled?属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。实例size?属性size?属性规定输入字段的尺寸(以字...

　　Odometer是一个使用JavaScript和CSS技术，制作出数字上下滑动的动画效果插件，有点类似与我们的天然气的读数的动画效果，这个插件是轻量级的，压缩版本只有3kg，使用CSS3动画技术，所以运行起来非常的流畅，需要这种效果的朋友不妨试试这个插件。所有的主题都可以自定义文字的大小和Odometer元素的标签。兼容性Odometer能在IE8+,FF4+,Safari6+,Chrome...

　　Firefox下：-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);ie下：filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);这里是ie滤镜代码部分，前面长长的大小写错综的部分我们不用管它，看后面的”rotation=3″这是关键，这里的参数...

　　设置position为absolute，相当于把元素变为了inline-block，因此宽度没有占据整行如果需要的话，可以手动添加widthdisplay:inline-block;width:200px;height:100px;1、自身水平垂直居中单行文字可以使用line-heighttext-align:center;line-height:100px;多行文字display:flex...

　　CSS把“字（word）”定义为任何非空白符字符组成的串，并由某种空白字符包围。letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。有时候经常会把两者搞混淆，接下来，就和大家聊聊CSS中间隔的设置。一、word-spacing增加或减少单词间的空白（即字间隔）1、检索或设置对象中的单词之间插入的空格数，允许为负值。2、默认值为normal,等同...

　　html内联元素和块级元素的基本概念及使用示例html标签分为两种，内联元素和块级元素，首先我们先了解一下内联元素和块级元素的概念：块级元素：一般是其它元素的容器，可容纳内联元素和其它块级元素，块级元素排斥其它元素与其位于同一行，可设置宽度（width）高度（height）属性，正常流中的块级元素会垂直摆放。常见块状元素为“div”内联元素（行内元素）：内联元素只能容纳文本或者其他内联元素，是...

　　html中，可以通过在body标签元素中使用margin属性添加外边距来设置整体页面边距，具体语法格式“body{margin:边距值;}”。body标签中包含文档的所有内容，代表整个html页面。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。设置html整体页面边距body{margin:30px;}HTML页面主体内容效果图：说明：margin是一...

　　html5实现滑块功能之type="range"属性1.html5中添加了关于滑块的标签，其实际是扩展了input标签，type属性值为range。2.感觉挺有意思，就做了一个关于滑块的动画的例子，可以通过开始和结束按钮来控制滑块的滑动和停止，有点类似视频的自动播放和暂停，同时还时时显示了该滑块的值。3.具体代码如下所示数字递增组件当前值为：0播放停止//定义一个标识符，用于判断用户点击开始按...

　　声明图形我们需要使用shape-outside属性声明不规则图形。当前，shape-outside属性只能被应用于浮动元素，并且只能应用于块级元素。如果需要在非块级元素上使用这些属性，必须先把元素声明为块级。Shape-*值有三种赋值方式：自动，基本图形或者图片链接。如果被设置为自动，浮动元素将继续作为传统的盒模型进行渲染。如果你还不熟悉盒模型，请参考CSS盒模型，这是阅读本篇文章的...