文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.6 本章小结

3.6 本章小结 本章主要介绍CSS3新增的边框特性,首先从CSS的border属性着手切入,分别介绍了CSS3新增边框特性,border-color、border-image、border-radius以及box-shadow。详细介绍了每个特性的语法规则,并且结合一些简单的案例,以图解的方式介绍了这些特性的具体使用方法以及在IE下相应的兼容和处理方式。

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.5 CSS3盒子阴影属性

3.5 CSS3盒子阴影属性 box-shadow也是CSS3新增的一个重要属性,用来定义元素的盒子阴影。本节主要介绍CSS3的box-shadow的属性以及如何使用。 3.5.1 box-shadow属性的语法及参数 在具体学习box-shadow使用方法之前,我们必须先知道box-shadow使用的语法规则。 box-shadow:none | [ <length> <le....

CSS 快速掌握

49 课时 |
20276 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
9133 人已学 |
免费

前端开发CSS基础

21 课时 |
4321 人已学 |
免费
开发者课程背景图
文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.4 CSS3圆角边框属性

3.4 CSS3圆角边框属性 在Web页面上圆角效果很常见。圆角给页面增添曲线之美,让页面不那么生硬,但是为了设计圆角效果,Web设计师们要花费更多的时间与精力。 3.4.1 border-radius属性的语法及参数 CSS3中专门针对元素的圆角效果增加了一个圆角属性border-radius。Web设计师不会为Web页面中的圆角效果纠结了。 语法: border-radius: none |....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.3 CSS3图片边框属性

3.3 CSS3图片边框属性 border-image效果在CSS2中,只有使用背景图片来制作,而且制作过程非常复杂,做完后也很难维护。如今CSS3中增添了一个图片边框的属性,能够模拟出background-image属性的功能,功能比background-image强大,我们可以使用border-image属性给任何元素( 除border-collapse属性值为collapse的table元....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.2 CSS3边框颜色属性

3.2 CSS3边框颜色属性 border-color属性早在CSS1中就已经定义了。不过,CSS3增强了这个属性的功能,使用它可以为元素边框设置更多的颜色,从而方便Web设计人员设计出更为绚丽的边框效果,例如渐变的边框效果、多颜色的边框效果等。 3.2.1 border-color属性的语法及参数 border-color的语法看上去和CSS1中的完全相同,但为了避免与border-color....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 3.1 CSS3边框简介

3.1 CSS3边框简介 border属性在CSS1中就已经定义了,使用它可以设置元素的边框风格,例如设置不同的边框颜色以及粗细。在详细介绍CSS3边框运用之前,先简单回顾边框属性。 3.1.1 边框的基本属性 CSS1和CSS2中的边框属性其实很简单,其主要包括三个类型值。 border-width:设置元素边框的粗细。 border-color:设置元素边框的颜色。 border-style....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 2.12 本章小结

2.12 本章小结 本章主要向大家介绍了CSS3核心部分中的选择器。首先介绍CSS3选择器的优势,然后分别详细介绍了基本选择器、层次选择器、伪类选择器、属性选择器。希望大家学习之后对CSS3选择器有一个更详细的了解,为后面的学习打下坚实的基础。

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 2.11 属性选择器

2.11 属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同DIV元素进行区分。CSS2中引入了一些属性选择器,这些选择器可基于元素的属性来匹配元素,而CSS3在CSS2的基础上扩展了这些属性选择器,支持基于模式匹配来定位元素。 2.11.1 属性选择器语法 CSS3在CSS2的基础上新增了3个属性选择器,可以帮助大家对标签进行过滤,也能非常容....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 2.10 伪元素

2.10 伪元素 除了伪类,CSS3还支持访问伪元素。伪元素可用于定位文档中包含的文本,但无法在文档树中定位。伪类一般反映无法在CSS中轻松或可靠地检测到的某个元素属性或状态;另一方面,伪元素表示DOM外部的某种文档结构。 伪元素其实在CSS中一直存在,大家平时看到的有“:first-line”、“:first-letter”、“:before”和“:after”。 CSS3中对伪元素进行了一定....

文章 2022-02-15 来自:开发者社区

图解css3:核心技术与案例实战. 2.9 否定伪类选择器

2.9 否定伪类选择器 否定选择器“:not()”是CSS3的新选择器,类似jQuery中的“:not()”选择器,主要用来定位不匹配该选择器的元素。 2.9.1 否定伪类选择器语法 “:not()”是一个非常有用的选择器,可以起到过滤内容的作用。语法如表2-16所示。 否定选择器作用非常大,例如以下选择器表示选择页面中所有元素,除了“footer”元素之外。 :not(footer){...}....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。