浏览器的内核 谷歌的内核：webkit Firefox（火狐）的内核：Gecko ie的内核：Trident opera（欧朋）的内核：presto 国内浏览器的内核：webkit 注意：css3并不是所有的浏览器都兼容针对同一样式（css3） 在不同浏览器的兼容，需要在样式的属性前加上他的内核前缀 谷歌的前缀：-webkit-transition opera(欧朋)的前缀：-o-transition 火狐（Firefox）的前缀：-moz-tra...
属性值值描述url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize此光...
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> .button { height: 1em; border: 0; border-radius: .2em; background-color: #34538b; color: #fff; font-size: 12px; font-weight: bol...
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。我们在IE 6 7内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。解决这个bug很简单，在父元素中使用position:relative;即可解决该bug。 父元素设置relative属性，子元素设置absolute属性即可避免！ 原文：http://www.cnblogs.com/mmlvj/p/4585234.html
1.属性选择器：带有 title 属性的所有元素设置样式： 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html>3<head>4<style type="text/css">5[title]6 {7color:red;8 }9</style> 10</head> 1112<body> 13<h1>可以应用样式：</h1> 14<h2 title="Hello">Hello world</h2> 15<a title="School" href="http://w3school.com.cn">W3School</a> 1617<hr ...
一：css3属性选择器：img[alt]{border:2px dashed #000; } 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围：如下代码： img[alt="atwi_oscar"]{border:2px dashed #000; } css3的子字符串匹配属性选择器（1）‘匹配开头’的属性选择器依法如下：Element[attribute^="value"]，实例代码如下：img[alt^="filem"]{border:2px dashed #000; } (2)‘匹配包含内容‘的属性选择器El...
原文参考http://blog.csdn.net/lzding/article/details/463177771.写在dom上的属性，内联样式 <div id="box" style="background-color:#ccc;margin-top:100px;"></div> var oBox = document.getElementById(‘box‘) console.log(oBox.style.width) 1)对于复合属性（如background），假设行间设置了样式：background-color:#333，不能通过 element.style.background 来获取（见上面例子） 2)css属性使用驼峰法，如...
原文:熟悉css/css3颜色属性 颜色属性无处不在。字体要用颜色，背景可以有颜色，粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。 css中颜色的定义方式：十六进制色RGB & RGBAHSL & HSLA颜色名十六进制色 个人最喜欢的一种颜色表达方式。 十六进制颜色是这样规定的：#RRGGBB，其中的RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。 生成随机颜...
0.属性选择器属性选择器可以根据元素的属性及属性值来选择元素示例:// 包含属性title所有标签 [title] {color:red;}// 包含属性title的 a标签 a[href] {color:red;}// 同时包含属性href和title的 a标签 a[href][title] {color:red;}// href属性值为http://www.w3school.com.cn/且title为W3School的 a标签 a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;}// class属性为important的 p标签 . // 严格匹配,时...
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。今天发现这个属性很有意思。这里有一篇详细的技术博客：http://www.w3cplus.com/content/css3-transition原文：http://www.cnblogs.com/lkp-blog/p/5295562.html
attr()准确的说，不应该是一个属性，而是一个CSS的函数，我们先看看MDN上的介绍吧：SummaryThe attr() CSS function is used to retrieve the value of an attribute of the selected element and use it in the style sheet. It can be used on pseudo-elements too and, in this case, the value of the attribute on the pseudo-element‘s originated element is returned.The attr() function can be used with any CSS prope...
比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript代码复制代码代码如下:<script type="text/javascript"> function imageOver(e) { e.style.border="1px solid red"; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" /> JavaScript中style后面的属性...
字体（Font） 属性属性值描述font在一个声明中设置所有字体属性1font-family规定文本的字体系列1font-size规定CSS文本的字体尺寸1font-style规定文本的字体样式1font-variant规定文本的字体样式1font-weight规定字体的粗细1@font-face一个规则，允许网站下载并使用其他超过"Web- safe"字体的字体3font-size-adjust为元素规定 aspect 值3font-stretch收缩或拉伸当前的字体系列3内容生成属性(Generated Content Properties)属性值描述...
浏览器支持度CSS3属性： columns：规定列的宽度和列数 默认宽度、列数值为auto column-width:每栏的宽度 column-gap :两栏之间的间距距离 column-count : 栏目的数目 column-rule : color(色值) width(宽度) style(线条样式) 分栏中的分割线的颜色宽度及样式的设定 1、border-radius属性(圆角边框)eg:结合不同浏览器兼容问题，使用该CSS3新属性 eg: 2、box-shadow属性（阴影） eg:结合不同浏览器兼容问题，使用该CSS3新属性 eg: 3、...
1.absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。2.relative：生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。3.fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。4.static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index ...