用法跟Android的android:layout_weight属性类似，可类比Android中的用法，这样比较好记，由于目前所有浏览器都不支持大部分的属性，所以所有的属性都需要加上Firefox、Safari、Opera 以及 Chrome支持替代的-moz-和-webkit-前缀，现在基本上所有的CSS3属性都应该这样做，即每个属性都需要至少设置三个，参考下面的例子。 父容器属性： display:box;当定义了这个属性时，子元素想居中显示时margin:0px auto是无效的，需使用text-ali...
下载高清图：css常用属性和值（思维导图总结） 1.字体 font h1{ font-family:times,courter; font-size:150% font-style:italic; font-variant:normal; font-weight:normal; } h2{ font-family:serif,times; font-size:1cm; font-style:normal; font-variant:small-caps; font-weight:900; } p{ font:oblique s...
传说中的Mozilla推荐 Java代码 /* mozilla.org Base Styles * maintained by fantasai */ /* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * te...
可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击 例如： bai du 上面的意思是不想让bai du的超链生效，但在click不做任何约束和判断的话，但点击bai du的时候自然就会跳转到百度页面，这就是html中超链接禁用属性的bug 可以添加下面js约束来判断超链接是否可以使用 Click here
一个chrome的问题，但具体原因不明。 触发条件：chrome浏览器base标签里href属性有值的时候 触发问题：svg里面的元素如果有用url的滤镜和模糊，则会失效，在firefox里和IE10没有发现这个问题。 正常状态： 有base标签且href里值为“.”的时候chrome里的状态： 测试代码： chrome bug#svg{ width:500px; height:500px; display:block; margin:20px auto; background-color:#000; } ...
在前面的章节中，我们了解了，可以使用行内样式，ID选择器，类选择器，以及标签选择器来给一个元素应用样式。 如果我们想给定义了那些都定义了某一个属性的元素应用样式，这个时候我们该怎么做呢？ 这一节中，我将使用 双色球案例 和 文档类型提示图标案例 来引入和应用属性选择器。 双色球案例： 大家都知道，双色球共有7个球，6个红球，1个蓝球。首先我们先在页面上面定义7个span标签： CSS3 属性选择器 b...
transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画效果.这个属性一般搭配:hover来使 下面看一个例子:鼠标放在div上,0.2s后将div元素的背景色用一秒的时间变成黄色,变化方式是linear 1 div{ background-color:red; transition:background-color 1s linear 0.2s;}2 div:hover{ background-color:yellow;} 思思博士 鼠标没放上去之前: 鼠标放上去0.2s后 的变化过程:...
HTML 属性 属性为 HTML 元素提供附加信息。 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name="value"。 属性总是在 HTML 元素的开始标签中规定。 ================================================== 属性实例 HTML 链接由 标签定义。 链接的地址在 href 属性中指定： This is a link =================================================== 属...
《CSS3基本选择器》 一、通配符选择器（＊） *{ marigin: 0; padding: 0; } 二、元素选择器(E) ...
position属性规定元素的定位类型 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 值 描述 absolute绝对定位 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 ...
1、引子 css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比如transition的animation-play-state，就只有部分浏览器支持。 2、检测方法 下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性： Js代码 /** * 判断浏览器是否支持某一个CSS3属性 *...
CSS定位元素有3种方式 ：普通流、相对位置、绝对位置。通过设置position属性来实现。 position属性取值的含义 inherit 继承父元素position 属性的值。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 relative 生成相对定位的元素，相对于元素本身正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加...
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/ 使用方法很简单，下载了之后直接引用...
例如 如何选择没有name属性的两个vbox 回复讨论(解决方案) 虽然这样可以取出来，但是ie低版本貌似不支持这种标签。谨慎使用。 使用xpath //vbox[not(@name)] 使用jQuery $(vbox:not([name])) $(vbox:not([name])) 推荐你使用万能的jquery $(vbox:not([name])) 推荐你使用万能的jquery +1. 使用xpath //vbox[not(@name)] 使用jQuery $(vb...
static和relative的用法比较清晰，在此就不做讨论了，值得注意的是static定位，即默认没有定位的元素忽略 top, bottom, left, right 或者 z-index 声明；而relative定位的元素虽然没有脱离文档流，同样忽略 top, bottom, left, right声明，但是却z-index属性却可以起作用。 昨天主要纠结在absolute和fixed上，老师上课演示了用这两种定位方式将元素的right和bottom设置为0，在元素下方添加很多换行符，打开窗口时两种方式都是位于...