1.标记的类型(list-style-type)list-style-type 属性设置列表项标记的类型。可选的值如下：值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01, 02, 03, 等。)lower-roman小写罗马数字(i, ii, iii, iv, v, 等。)upper-roman大写罗马数字(I, II, III, IV, V, 等。)lower-alpha小写英文字母The marker is lower-alpha (a, b, c, d,...
刚开始接触CSS3的2D变换属性，就被这个skew（）搞的一头雾水，不知道具体是怎么变化的！研究了一会才发现，CSS3的斜切坐标系和数学中的坐标系完全不一样（设置斜切原点为左上角）<style>
div{width: 200px;height: 200px;transition:all 2s;margin: 150px auto;}
.div1{background-color: #f00;}
.div2{background-color: #0f0;}</style><body><div class="div1"></div><div class="div2"></div></body>下面我们设置鼠标经过时的sk...
话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant：使用CSS，可以对字体进行设置，字体属性包括五种常见属性：字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性，可以设定文本在web页面的显示效果或文本的打印效果。1.字体系列font-family支持按照优先级顺序列出各种要指派使用的字体，当用户系统没有安装首选字体...
CSS3中使用了很多的属性选择器，通过这些属性选择器，可以根据我们自己的设计来定义元素的样式，制作精美的网页。CSS3属性选择器下面是CSS3的属性选择器的语法，及使用。元素名字[元素类型=“类型名字”]：选择器名字{属性：值；属性：值；
} 在元素类型匹配时，就可以使用类似正则的匹配方法。 [att=val] 指定特定名字的元素 [att*=val] 匹配val*的元素， [att^=val] 匹配val开头的元素，比如id为val1、val432432都可...
理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有：noneblockinlineinline-blockinherit 下面，我将按照顺序将上述几种属性做一个完整的讲解。第一部分：display:none none这个值表示此元素将不被显示。比如，当我们在浏览网页时，如果看到了某个烦人的广告遮挡了我们的实现，更为可气的是，它还没有关闭的选项，这时（以chrome为例），我们就可以按下F12，打开开发者工...
目录：1.1 设置样式的七个选择器1.2 css常见属性浅析1.3 css布局中常用方法1.1 设置样式的七个选择器 1、其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器（名字以“#”号开头）： 只能被某一个标签使用 3. class选择器（名字以“.”号开头）： 可以被多个标签同时引用 4. 标签选择器：比如你设置一个div标签选择器，那么所有div默认都会使用这个样式 ...
今天我想介绍一下转换的用法： transform主要包括以下属性值： rotate(旋转度数) scale(缩放) skew(斜切扭曲) translate(对象平移) 利用上述属性值，可以实现一些很酷的效果，比如正方体，下面是我做的一个效果，三个大小不等的正方体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<h...
1.边框<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>07边框示例</title><style>div {height: 200px;width: 300px;background-color: red;/*border-width: 10px;*//*border-color: green;*//*border-style: solid; !* 实线 *!*//* 简写边框属性 *//*border: 10px solid green; !* 10像素 实线 绿色的边框 *!*//*border: 10px dashed green;*//*border: 10px dot-dash green;*/border: 10px dotted g...
盒模型的组成大家肯定都懂，由里向外content,padding,border,margin.盒模型是有两种标准的，一个是标准模型，一个是IE模型。 从上面两图不难看出在标准模型中，盒模型的宽高只是内容（content）的宽高，而在IE模型中盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。css如何设置两种模型这里用到了CSS3 的属性 box-sizing(默认值：content-box)1/* 标准模型 */ 2 box-sizing:content-box;
34/*IE模型*/5 box-sizi...
我们都知道，IE浏览器暂不支持CSS3的一些属性。国外的工程师们，不安于此现状，他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性，我觉得这些都是很有意义，很有价值的工作，可以推动整个技术领域的进步的。到目前为止，有不少可以让IE支持部分CSS3属性的工具。例如： 1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js) 这个玩意估计是试图让IE支持CSS3属性的鼻祖，还算蛮强大，就是性能开销较大，要解析很多文件脚本，给DOM添加...
值描述url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize此光标指示...
有3个属性和布局以及box的创建有关：‘display‘, ‘position‘ 和 ‘float‘，彼此交互作用如下：如果‘display‘值为‘none‘，则‘position‘ 和 ‘float‘无作用。这种情况下，不生成box。否则，如果‘position‘值为‘absolute‘ 或 ‘fixed‘, box被绝对定位，‘float‘的计算值为‘none‘，而‘display‘的值按下表设定。box的位置将由‘top‘, ‘right‘, ‘bottom‘ 和 ‘left‘ 属性及其包容块所确定。否则，如果‘float...
盒子模型（Flexible Box） 属性属性说明CSSbox-align指定如何对齐一个框的子元素3box-direction指定在哪个方向，显示一个框的子元素3box-flex指定一个框的子元素是否是灵活的或固定的大小3box-flex-group指派灵活的元素到Flex组3box-lines每当它在父框的空间运行时，是否指定将再上一个新的行列3box-ordinal-group指定一个框的子元素的显示顺序3box-orient指定一个框的子元素是否在水平或垂直方向应铺设3box-pack指定横向盒在垂直框...
绘出圆角：1、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecss3.rar；.htc 文件是IE内核支持Web行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素 上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX ...
transition(过渡动画)transition：过渡的属性名字（transition-property） 过渡的时长（transition-duration） 过渡的曲线（transition-timing-function） 延时（transtion-delay）transformtransition-timing-function:linear(匀速的)ease（慢快慢）ease-in(慢速开始)ease-out（慢速结束）ease-in-out（慢速开始慢速结束）1、位移translate(x,y):x:x轴的坐标点 y：y轴的坐标点的位置translate3d（x，y，z）x:x轴的坐标点 y：y轴的...
