随笔分类 -  CSS3

摘要：CSS3基本属性Gradient----渐变现代浏览器的内核，主流内容主要有Mozilla（熟悉的有Firefox，Flock等浏览器）、WebKit（熟悉的有Safari、Chrome等浏览器）、Opera（Opera浏览器）、Trident（讨厌的IE浏览器）。根据不同的内核，一些私有属性的css前缀不一样Mozilla内核 css前缀-moz; WebKit内核 css前缀-webkit ; Opera 内核 css前缀 -o ; Trident内核 css前缀 -ms ; CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradien... 阅读全文

摘要：三：伪类选择器CSS的伪类语法主要有两种语法表达方式：1： E:pseudo-class {property:value} /*其中E为元素;pseudo-class为伪类名称;property是css的属性;value为css的属性值*/2： E.class:pseudo-class{property:value}A : 最常见的锚点伪类.demo a:link {color:gray;}/*链接没有被访问时前景色为灰色*/ .demo a:visited{color:yellow;}/*链接被访问过后前景色为黄色*/ .demo a:hover{color:green;}/*鼠标悬浮在.. 阅读全文

摘要：最近感觉css学习的知识点有点乱，蹭这个机会总结一下。对于web开发者来说，css就是用来渲染html的语言，渲染相对应用的元素，那么这样我们选择相应的元素就很重要了。CSS选择器1：基本选择器（这是我们常用的部分）；2：属性选择器；3：伪类选择器一：基本选择器这部分基本就是我们经常使用的：类选择器(.class); ID选择器(#id); 通配符选择器(*); 元素选择器(E);后代选择器(E F)：选择了E元素的所有后代F元素,不论F在E中有多少层关系，都将被选中,包含关系; 子元素选择器(E>F)：子元素选择器E > F，其中F仅仅是E的子元素而以。 相邻兄弟元素选择器(E 阅读全文

摘要：突然看到人家写的css 格式怪怪的，看不明白，查了下，原来有好多种选择器，转了过来。原文地址笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。=====================CSS选择器笔记阮一峰 整理一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素实例：* { margin:0; paddi 阅读全文

摘要：收集各种浏览器的Hack写法下面是我收集有关于各浏览器下Hack的写法1、Firefox黑体部分为适应浏览器而新增加的识别代码@-moz-document url-prefix() { .selector { property: value; } }支持Firefox的还有几种写法：#selector[id=selector] { //id选择器 property: value; } 或者：@-moz-document url-prefix() { .selector { property: value; } }*>.selector { proper... 阅读全文

摘要：很经典的文章啊 [转]CSS的优先级特性Specificity如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如：p { color: red; } p { color: blue; }p元素的元素将是蓝色，因为遵循后面的规则。然而，你不可能经常用相同的选择器冲突达到目的，当你使用嵌套选择器，合理的冲突来了。比如：div p { color: red; } ... 阅读全文