摘要:
4.2 CSS3 背景原点属性 4.2.1 background-origin 属性的语法及参数 background-origin属性主要就是用来决定 background-position属性的参考原点,即决定背景图片定位的起点。在默认情况下,背景图片的background-position属性 阅读全文
摘要:
CSS3背景 4.1 CSS3背景属性简介 background是一个使用率很高的属性,也是一个十分有用的属性,能帮助设计师实现一些特殊的效果,使用起来也非常简单。 4.1.1 背景的基本属性 背景主要包括五个属性: 可以单独写,也可以将这些属性串在一起使用。 1、background-color 阅读全文
摘要:
3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美,让页面不那么生硬,但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法: border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/” 阅读全文
摘要:
3.3 CSS3图片边框属性 border-image效果在CSS2中,只有使用背景图片来制作,而且制作过程非常复杂,做完后也很难维护。如今CSS3中增添了一个图片边框的属性,能够模拟出background-image属性的功能,功能比background-image强大,我们可以使用border- 阅读全文
摘要:
3.2 CSS3边框颜色属性 3.2.1 border-color属性的语法及参数 border-color的语法看上去和CSS1中的完全相同,但为了避免与border-color属性的原功能发生冲突,CSS3在这个属性上做出了一定的修改。语法如下: 换句话说,如果使用border-color这种缩 阅读全文
摘要:
提到边框,大家首先想到的是CSS的boder属性。不错,border属性是CSS种盒模型基础属性之一。在CSS3中,关于边框的运用会有什么样的不同之处呢?又将如何使用?本章我们带着这些问题开始我们的CSS3边框之旅。 3.1 CSS3边框简介 border属性在CSS1中就已经定义了,使用它可以设置 阅读全文
摘要:
2.9 否定伪类选择器 否定伪类选择器":not()"是CSS3的新选择器,类似jQuery中的":not()"选择器,主要是用来定位不匹配该选择器的元素。 2.9.1 否定伪类选择器语法 | 选择器 | 功能描述 | | | | | E:not(F) | 匹配所有除元素F外的E元素 | 2.9.2 阅读全文
摘要:
2.3 层次选择器 层次选择器通过HTML的DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻兄弟和通用兄弟几种关系,通过其中某类关系可以方便快捷地选定需要的元素。 2.3.1 层次选择器语法 | 选择器 | 类型 | 功能描述 | | | : | : : | | E F | 后代 阅读全文
摘要:
2.6 语言伪类选择器 使用语言伪类选择器来匹配使用语言的元素是非常有用的,特别是用于多语言版本的网站,其作用更是明显。可以使用它来根据不用语言版本设置页面的字体风格。 2.6.1 语言伪类选择器语法 语言伪类选择器是根据元素的语言编码匹配元素。这种语言信息必须包含在文档中,或者与文档关联,不能从C 阅读全文
摘要:
第2章 CSS3选择器 W3C在CSS3的工作草案中把选择器独立出来成为一个模块。实际上,选择器是CSS只是中的重要部分之一,也是CSS的根基。利用CSS选择器能不改动HTML结构,通过添加不同的CSS规则得到不同的样式的结果。 2.1 认识CSS选择器 要使用某个样式用于特定的HTML元素,首先需 阅读全文