Introduction to CSS3

Introduction

CSS is Cascading Stylesheet. CSS technology is used in web development to effectively control the layout, fonts, colors, backgrounds and other effects of the page. With just a few simple modifications, you can change the look and format of your web pages. CSS3 is an upgraded version of CSS. This new set of standards provides richer and more practical specifications, such as: box model, list module, hyperlink method, language module, background and border, text effects, multi-column layout, etc. Currently, there are Many browsers have successively supported this upgraded specification, such as: Firefox, Chrome, Safari, Opera, etc. Using CSS3 technology in web development will significantly beautify our applications, improve user experience, and also greatly improve program performance.

CSS3 is fully backwards compatible, so you don't have to change your existing design. Browsers will always support CSS2.

CSS3 Modules

CSS3 is split into "modules". Old specifications have been broken into small pieces and new ones have been added.

Some of the most important CSS3 modules are as follows:

Selector

Box model

Background and border

Text effects

2D/3D Conversion

Animation

Multiple Column Layout

User Interface

# #List some new features:

boder-image attribute
border-radius property
box-shadow property

background-size property
Multiple backgrounds

HSLA color value
opacity attribute
RGBA color value

text-overflow property
word-wrap property

resize property
outline property
nav-top, nav-right , nav-bottom, nav-left attribute

multi-column layout module
Web font Module
Speech Module