这里我们使用百分比绝对定位,与外补丁负值的技巧,负值的大小为其自身宽度高度除以二<styletype=”text/css”><!–div{position:absolute;top:50%;lef:50%;margin:-100px00-100px;width:200px;height:200px;border:1pxsolidred;}–></style>FF与IE1.Di...
<script>varos=function(){varua=navigator.userAgent,//获取浏览器UAisWindowsPhone=/(?:WindowsPhone)/.test(ua),isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone,isAndroid=/(?:Andr...
当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号“,”隔开,这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。<!DOCTYPEhtml><html><head><metach...
ID选择器和上面说的类选择器是很相似的,在使用ID选择器之前也需要先在html文档中加注ID名称,这样在样式选择器中才能找到相对应的元素,不同的是ID选择器是一个页面中唯一的值,我们在类使用时是在相对应的类名前加上一个“.”号(.className)而id选择器是在名称前使用"#"如(#demo)。<!DOCTYPEhtml><html><head><metacharset="U...
类选择器根据类名来选择,前面以”.”来标志,是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名,换句话说需要保证类名在html标记中存在。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>类选择器</title><style>.demo{width:200px;heigh...
通用选择器用*来表示,用来选择所有元素,,也可以选择某个元素下的所有元素;*{marigin:0;padding:0;font-size:14px;}上面代码大家在reset样式文件中看到的肯定不少,他所表示的是,所有元素的margin和padding都设置为0,字体大小都设置为14px,另外一种就是选择某个元素下的所有元素:<!DOCTYPEhtml><html><head...
甚至可以配置为在多个浏览器中同时自动重新加载页面。该工具不会托管你的网站,而是运行你网站自己的本地服务器。要使用它,只需要安装NodeJS和npm。
你可以在该调试器里面看到你的CSS代码,并且可以在里面编辑。说实话,小鸥觉得界面有点丑。。。http://getfirebug.com/
(1)元素选择,在里面我们可以看到某些行的具体代码(2)查看源代码(3)该元素的样式显示,我们可以看到我们选中的元素的具体样式属性,可以在里面进行更改,但不会修改源代码,只会当做临时查看(4)具体的样式代码(5)该行代码所在的文件的位置
GoogleChrome,Safari(-webkit)Firefox(-moz-)IE(-ms-)Opera(-o-).pic{-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);}使用http://pleeease.io/play/,CSS预处理器(Sa...