摘要::first-child 选取属于其父元素的首个子元素的指定选择器:last-child 选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) 匹配属于其父元素的第n个子元素,不论元素的类型(另:可以用odd表示所有第奇数个子元素,even表示第偶数个子元素。):nth-last-
阅读全文
|
随笔分类 - CSS
摘要::first-child 选取属于其父元素的首个子元素的指定选择器:last-child 选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) 匹配属于其父元素的第n个子元素,不论元素的类型(另:可以用odd表示所有第奇数个子元素,even表示第偶数个子元素。):nth-last-
阅读全文
摘要:有些时候需要用到mouseover和mouseout这两个鼠标事件,但是写js又比较麻烦,还要添加监听事件,所以能用css解决的东西尽量yongcss解决,这样可以提高性能,下面说一下我对:hover 的了解: 之前在学计算机应用的时候,老师教我们使用了:hover选择器来完成下拉菜单,之前只知道怎
阅读全文
摘要:说到浏览器兼容性问题,就必须说CSSHack!提到Hack大家肯定会想到电脑黑客(hacker)、和病毒程序联系到一块,不过在CSS中,Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法。说的更直白一些就是,你平时做个页面,布局正确,CSS正确,可就是在不同的浏览器中显示的效果不一样,要么错位,要么多几个像素,怎么都找不到原因,这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果,这种方法我们就称之为CSSHack,记住喽,CSSHack是解决页面浏览器不兼容的技巧方法,是一种方法哟,不要理解偏差。不过这里需要说明一点,CSSHack都属于个人对CSS代码的非官方修改,所以编写的
阅读全文
摘要:CSS背景属性 属性 描述 值 IE F N W3C background 简写属性,作用是将背景属性设置在一个声明...
阅读全文
摘要:id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;} 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元...
阅读全文
摘要:派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors),这是由于他们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,他们被称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。 派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地...
阅读全文
摘要:选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h2,h3,h5,h6 { color: green } 继承及其问题 根据 CSS,子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则: body { font-family:...
阅读全文
摘要:CSS 语法 CSS 语法由三部分构成:选择器、属性和值: selector {property: value} 选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration): body {color: blue} 上面这...
阅读全文
摘要:需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML 如果你希望首先学习这些项目,请在首页访问相关教程。 CSS 概述 CSS指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一。 CSS是标准的布局语言,用来控制元素的尺寸、颜色、排版。 CSS非常精确,功...
阅读全文
|