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

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

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

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

CSS 快速掌握

49 课时 |
19529 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
8924 人已学 |
免费

前端开发CSS基础

21 课时 |
4255 人已学 |
免费
开发者课程背景图

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

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

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

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

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

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

图解css3:核心技术与案例实战. 1.4 CSS3的现状及未来

1.4 CSS3的现状及未来 了解到使用CSS3会带来很多好处,哪些网站在使用CSS3?这很容易,打开计算机随处可见。既然这样,就一起来看几个网站吧。 1.4.1 谁在使用CSS3 首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示。 Google的UI也...

图解css3:核心技术与案例实战. 1.2 浏览器对CSS3的支持状况

1.2 浏览器对CSS3的支持状况 CSS3给我们带来众多全新的设计体验,但有一个问题值得考虑——浏览器对CSS3特性的支持情况如何?因为页面最终离不开浏览器来渲染,并不是所有浏览器都完全支持CSS3的特性。有时候花时间写的效果只能在特定的浏览器下有效,意味着只有部分用户能欣赏到,这样的工作变得没有...

图解css3:核心技术与案例实战. 1.1 什么是CSS3

1.1 什么是CSS3 CSS3并不是一门新的语言。如果接触过CSS就知道,CSS是创建网页的另一个独立但并非不重要的一部分。CSS是种层叠样式表,是一种样式语言,用来告诉浏览器如何渲染你的Web页面。 CSS3是CSS规范的最新版本,在CSS2.1的基础上增加了很多强大的新功能,以帮助开发人员解决...

图解css3:核心技术与案例实战. 2.1 认识CSS选择器

2.1 认识CSS选择器 要使某个样式应用于特定的HTML元素,首先需要找到该元素。在CSS中,执行这一任务的表现规则称为CSS选择器。它为获取目标元素之后施加样式提供了极大的灵活性。实际上,CSS2.1已经为大家提供了很多常用的选择器,基本能够满足Web设计师常规的设计需求。 2.1.1 CSS3...

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

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6438+人已加入
加入
相关电子书
更多
零基础CSS入门教程
立即下载