当父元素的直接子元素或者下级子元素的样式拥有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 ...
在html中，当一个div想要定位时，我们第一反应是position属性，而position属性除了默认值外，还有absolute,relative和fixed。当被设置成fixed时，可以通过设置left、right、top、bottom的值来相对于body定位。 代码: 复制代码代码如下:.my-fiexd{ position:fixed; height:40px; width:40px; background-color:red; border:0px; } 可是当某个div随着滚动条滚动时而被设置成fixed时（置顶，很多menu都会这样），可能会发生一个小现象...
实例定位 h2 元素：h2{position:absolute;left:100px;top:150px;}浏览器支持IEFirefoxChromeSafariOpera 所有主流浏览器都支持 position 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相...
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>className属性</title><style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:b...