0% found this document useful (0 votes)
6 views

Chapter - 1 Introduction To CSS3

Uploaded by

amanidrishi812
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views

Chapter - 1 Introduction To CSS3

Uploaded by

amanidrishi812
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Address :- New Delhi Contact :- 8882880965

STP COMPUTER EDUCATION


The Best Quality of Software Programming Computer Education
www.stpcomputereducation.com

SUBJECT :- WEB DESIGNING

Chapter - 1
Introduction to CSS3
CSS version 3 (Cascading Style Sheet)

CSS3 is the latest evolution of the Cascading Style Sheets language and aims
at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded
corners, shadows, gradients, transitions or animations, as well as new layouts
like multi-columns, flexible box or grid layouts.

CSS3 is used to apply : -


1. Dynamic effects
2. Transitions
3. Animations
4. Slick and flexible page
5. Gradient effects
Difference Between CSS2 And CSS3

CSS2 CSS3
Css3 creates staladon and motion
Css2 creates only staladon graphics graphics webpage.
webpage
Css3 makes our webpage user and
Css2 makes our webpage user friendly device friendly both

Css2 properties are long Css3 properties are sort

Css2 use some softwares for graphics Css3 can edit any graphics without any
editing softwares

Css2 properties are browser friendly Css3 properties are not browser
friendly

CSS3 Responsive web design


What is responsive web design ?
Responsive web design makes your web page look good on all devices. Responsive web
design uses only HTML and CSS. Responsive web design is not a program .
Types of responsive
1. Adaptive : 2 websites/Device Type/Changes Content
Adaptive websites will deliver different websites depending on the device type that
visits the site. This means the mobile site will be totally different than (and separate
from) desktop. Ex- www.google.com , www.youtube.com

2. Fluid Responsive : 1 website/Screen Size/Doesn’t Change Content


Fluid responsive websites will deliver only one website depending on the device type
that visits the site. This means the mobile site will be totally implemented with
desktop content. Ex- postimage.org

You might also like