Web前端开发基础（HTML+CSS+JavaScript）课件 第8章 CSS3新特性.pptxVIP

第八章CSS3新特性

第八章CSS3新特性

讲师:

日期:

Web前端开发基础

1

第八章CSS3新特性

学习目标

理解CSS的发展历程

掌握CSS3新增选择器的应用

了解CSS3新增的特性

Web前端开发基础

2

第八章CSS3新特性

8.1CSS发展历程

CSS的演变：从CSS1到CSS3

强调选择器和特性的新功能

1994年

1884年

CSS设计

1999年

CSS3制定

1996年

CSS1

2011年

CSS4设计

1998年(W3C)

CSS2

2011年

CSS3

2004年

CSS2.1

图8-1CSS发展历程

Web前端开发基础

3

第八章CSS3新特性

8.2新增选择器

属性选择器:选择具有某个属性或特定属性值的元素

语法：元素[属性]〔属性1：；属性值1；〕

!DOCTYPEhtml

htmllang=en

`

head`metacharset=UTF-8

`title`属性选择器/ti``

tle```style=-:;-:;:(,,)`div{

height:30px;:

ba;ck;:g(,,)-:r;ound-:;color:(,,):red;

margin-top:5px;:

text-align:center;

line-height:30px;

}

div[name]{

width:120px;