-------------------------------------------动画-------------------------------------------------animation:name(名字) duration（循环一次时间） timing-function（速度曲线） delay（延迟） iteration-count（循环次数） direction（是否反向播放）;两种方式：@keyframes myfirst{from {background: red;}to {background: yellow;}}@keyframes myfirst{0% {background: red;}25% {background: yellow;}50% {background:...
text-size-adjust：auto | none | ' ref='nofollow'>取值：auto：文本大小根据设备尺寸进行调整。none：文本大小不会根据设备尺寸进行调整。' ref='nofollow'>：用百分比来指定文本大小在设备尺寸不同的情况下如何调整。说明：检索或设置移动端页面中对象文本的大小调整。 该属性只在移动设备上生效；如果你的页面没有定义meta viewport，此属性定义将无效；对应的脚本特性为textSizeAdjust。 user-select：none | text | all | el...
1.margin是什么？ margin用于控制元素周围空间的间隔，从视觉上达到空间间隔的目的。相对于前一个元素有相应的外边距。用于隔开元素与元素的。始终是透明的。 2.外边距的合并问题（参见w3school）---前提：元素出于文档流中 2.1 两个垂直外边距相遇时，在垂直方向上会发生外边距的叠加，最终的外边距等于二者的较大值； 2.2 当一个元素（没有边框和内边距）包含另外一个元素时，将在垂直方向上发生叠加； 2.3 当一个元素为空元素时...
border： border：4px dotted red; 宽度 样式 颜色 solid(实线) border-style： -none: 无边框 -hidder: 隐藏边框 -dotted: 点组成 -dashed: 短线组成 -solid: 实线 -double: 双实线 -groove: 立体感的沟槽 -ridge: 脊形 -inset: 内嵌一个...
以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼容IE6，你可以举一反三：{height:350px;overflow:hidden;}以下是IE7中新支持的属性选择符:精确属性匹配 [=] : 只有当属性完全匹配指定值的时候, 则会应用该css定义.存在匹配 []: 只要存在这样的属性, 则应用该css定义.连字号匹配[|=]: 使用连字号匹配的css定义. 例如: <span abc=”en-us”>dddd</span> 它就能应用 <style>[abc|=”en...
CSS属性 关于尺寸的 width 设置宽 height 设置高 min-width: 设置最小宽度 max-width: 设置最大宽度 min-height: 设置最小高度 max-height: 设置最大高度 关于文字的 font-family:微软雅黑; 设置文字字体 font-size:16px; 设置文字大小 font-weight:bold; 设置文字加粗 color:设置文字颜色 font-style:italic 设置字体为斜体...
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。原文：http://www.cnblogs.com/luckyXcc/p/5742947.html
让IE6/IE7/IE8浏览器支持CSS3属性 一、下载您可以狠狠地点击这里：ie-css3.htc，这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，我个人以为与js文件属于同一货色，只是呢，貌似htc是Internet Explorer(IE)的私生子，只有IE才认它。htc文件可以用来描述web行为，web行为允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如Ac...
这篇文章主要介绍几个常用css属性和简写 本文目录： 1.背景属性 2.边框属性 3.字体属性 4.外边距 5.填充 6.颜色1.background【背景属性】background-color /*背景色*/ background-image /*背景图片*/ background-repeat /*背景图平铺方式*/ 简写：background: 背景色 背景图片 平铺方式t; 例如：background: gray url(xxx/xx.png) no-repeat;2.border【边框属性】border-width /*边框宽度*/ border-style /*边框样式*/ border-colo...
原文: http://blog.gqylpy.com/gqy/256"目录一、盒子模型二、外边距 margin三、内填充 padding四、浮动 float五、清除浮动 clear六、溢出 overflow七、定位 position1. 无定位 static2. 相对定位 relative3. 绝对定位 absolute4. 固定 fixed八、 层叠顺序 z-index九、透明度 opacit一、盒子模型margin：用于控制元素与元素之间的距离；最基本的用途就是控制元素周围空间的间隔，从视觉上达到相互隔开的目的padding：用于控制内容与...
_：选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。*：选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高\9：选择IE6+\0：选择IE8+和Opera[;property:value;];：选择webkit核心浏览器（Chrome,Safari）。IE7及以下也能识别。中括号内外的3个分号必须保留，第一个分号前可以是任意规则或任意多个规则[;color:#f00;]; 与 [color:#f00...
<div id="section1"> 示例文本1</div><div id="subsection1-1">示例文本1-1</div><div id="subsection1-2">示例文本1-2</div><div id="section2">示例文本2</div><div id="subsection2-1">示例文本2-1</div><div id="subsection2-2">示例文本2-2</div>CSS2中使用属性选择器来设置<style type=text/css>[id = section1]{ background:yellow;}</style>CSS3中的属性选择器1.[att*=val]属性值包含用val指定的字符[id*=section]{ ...
浏览器的内核 谷歌的内核：webkit Firefox（火狐）的内核：Gecko ie的内核：Trident opera（欧朋）的内核：presto 国内浏览器的内核：webkit 注意：css3并不是所有的浏览器都兼容针对同一样式（css3） 在不同浏览器的兼容，需要在样式的属性前加上他的内核前缀 谷歌的前缀：-webkit-transition opera(欧朋)的前缀：-o-transition 火狐（Firefox）的前缀：-moz-tra...
<!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