SlideShare a Scribd company logo
Cascading Style Sheets
Cascading Style Sheets
• Introduction
• Advantages
• History of css
• Versions of css
• CSS-3 Modules
Cascading Style Sheets
 Cascading Style Sheets, referred to as CSS, is a simple design
language intended to simplify the process of making web
pages presentable.
 CSS handles the look and feel part of a web page.
 Using CSS, you can control the color of the text, the style of
fonts, the spacing between paragraphs.
 How columns are sized and laid out, what background images
or colors are used, layout designs , variations in display for
different devices and screen sizes as well as a variety of other
effects.
 CSS is easy to learn and understand but it provides powerful
control over the presentation of an HTML document.
 Most commonly, CSS is combined with the markup languages
HTML or XHTML.
Advantages of CSS
CSS saves time − You can write CSS once and then
reuse same sheet in multiple HTML pages. You can
define a style for each HTML element and apply it to as
many Web pages as you want.
Pages load faster − If you are using CSS, you do not
need to write HTML tag attributes every time. Just write
one CSS rule of a tag and apply it to all the occurrences
of that tag. So less code means faster download times.
Easy maintenance − To make a global change, simply
change the style, and all elements in all the web pages
will be updated automatically.
Superior styles to HTML − CSS has a much wider
array of attributes than HTML, so you can give a far
better look to your HTML page in comparison to
HTML attributes.
Advantages of CSS
 Multiple Device Compatibility − Style sheets allow content
to be optimized for more than one type of device. By using
the same HTML document, different versions of a website
can be presented for handheld devices such as PDAs and cell
phones or for printing.
 Global web standards − Now HTML attributes are being
deprecated and it is being recommended to use CSS. So its a
good idea to start using CSS in all the HTML pages to make
them compatible to future browsers.
 Offline Browsing − CSS can store web applications locally
with the help of an offline cache . Using of this, we can view
offline websites . The cache also ensures faster loading and
better overall performance of the website.
 Platform Independence − The Script offer consistent
platform independence and can support latest browsers as
well.
History of CSS?
CSS was invented by Håkon Wium Lie on
October 10, 1994 and maintained through a group
of people within the W3C called the CSS
Working Group. The CSS Working Group creates
documents called specifications.
When a specification has been discussed and
officially ratified by W3C members, it becomes a
recommendation.
These ratified specifications are called
recommendations because the W3C has no
control over the actual implementation of the
language.
Versions of CSS
CSS-1
Cascading Style Sheets, level 1
(CSS1) was came out of W3C as a
recommendation in December 1996.
This version describes the CSS
language as well as a simple visual
formatting model for all the HTML
tags.
Versions of CSS
CSS-2
CSS2 was became a W3C
recommendation in May 1998 and builds
on CSS1.
 This version adds support for media-
specific style sheets e.g. printers and
aural devices, downloadable fonts,
element positioning and tables.
Versions of CSS
CSS-3
CSS3 was became a W3C
recommendation in June 1999 and builds
on older versions CSS.
 it has divided into documentations is
called as Modules and here each module
having new extension features defined in
CSS2.
CSS-3 Modules
CSS3 Modules are having old CSS
specifications as well as extension features
 Selectors
 Box Model
 Backgrounds and
Borders
 Image Values and
Replaced Content
 Text Effects
 2D/3D Transformations
 Animations
 Multiple Column Layout
 User Interface
Thank you
RGUKT-IIIT SRIKAKULAM

More Related Content

Similar to intro_To_HTML_and__CSS_using_presentation.pptx (20)

PPT
Css
zayhard99
 
PPTX
DHTML stands for Dynamic Hyper Text Markup Language. DHTML is not a language ...
MdAmreen
 
PPT
New Css style
BUDNET
 
PPTX
Beginners css tutorial for web designers
Singsys Pte Ltd
 
PPTX
Css
Hemant Saini
 
PPTX
Introduction to CSS
AursalanSayed
 
PDF
Vskills certified css designer Notes
Vskills
 
PPTX
Cashcading stylesheets
reddivarihareesh
 
PPTX
uptu web technology unit 2 Css
Abhishek Kesharwani
 
PPTX
Cascading Style Sheets for web browser.pptx
alvindalejoyosa1
 
PPT
Css siva
ch samaram
 
PPT
Css siva
ch samaram
 
PPT
Css class-01
Md Ali Hossain
 
PDF
CSS Overview
To Sum It Up
 
PDF
4. Web Technology CSS Basics-1
Jyoti Yadav
 
PPTX
Css home
AbhishekMondal42
 
PPT
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
 
PPTX
UNIT 3WOP fgfufhbuiibpvihbvpihivbhibvipuuvbiuvboi
utsavsd11
 
PDF
Introduction to CSS3
Seble Nigussie
 
DHTML stands for Dynamic Hyper Text Markup Language. DHTML is not a language ...
MdAmreen
 
New Css style
BUDNET
 
Beginners css tutorial for web designers
Singsys Pte Ltd
 
Introduction to CSS
AursalanSayed
 
Vskills certified css designer Notes
Vskills
 
Cashcading stylesheets
reddivarihareesh
 
uptu web technology unit 2 Css
Abhishek Kesharwani
 
Cascading Style Sheets for web browser.pptx
alvindalejoyosa1
 
Css siva
ch samaram
 
Css siva
ch samaram
 
Css class-01
Md Ali Hossain
 
CSS Overview
To Sum It Up
 
4. Web Technology CSS Basics-1
Jyoti Yadav
 
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
 
UNIT 3WOP fgfufhbuiibpvihbvpihivbhibvipuuvbiuvboi
utsavsd11
 
Introduction to CSS3
Seble Nigussie
 

Recently uploaded (20)

PPTX
What is Shot Peening | Shot Peening is a Surface Treatment Process
Vibra Finish
 
PDF
Electrical Machines and Their Protection.pdf
Nabajyoti Banik
 
PDF
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
DOC
MRRS Strength and Durability of Concrete
CivilMythili
 
PDF
SERVERLESS PERSONAL TO-DO LIST APPLICATION
anushaashraf20
 
PDF
Electrical Engineer operation Supervisor
ssaruntatapower143
 
PPTX
Introduction to Design of Machine Elements
PradeepKumarS27
 
PDF
Halide Perovskites’ Multifunctional Properties: Coordination Engineering, Coo...
TaameBerhe2
 
PPT
New_school_Engineering_presentation_011707.ppt
VinayKumar304579
 
PDF
20ES1152 Programming for Problem Solving Lab Manual VRSEC.pdf
Ashutosh Satapathy
 
PPTX
Introduction to Internal Combustion Engines - Types, Working and Camparison.pptx
UtkarshPatil98
 
PPTX
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
PPTX
The Role of Information Technology in Environmental Protectio....pptx
nallamillisriram
 
PDF
Reasons for the succes of MENARD PRESSUREMETER.pdf
majdiamz
 
PPTX
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
PDF
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
PDF
Viol_Alessandro_Presentazione_prelaurea.pdf
dsecqyvhbowrzxshhf
 
PDF
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
PDF
Design Thinking basics for Engineers.pdf
CMR University
 
PDF
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
What is Shot Peening | Shot Peening is a Surface Treatment Process
Vibra Finish
 
Electrical Machines and Their Protection.pdf
Nabajyoti Banik
 
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
MRRS Strength and Durability of Concrete
CivilMythili
 
SERVERLESS PERSONAL TO-DO LIST APPLICATION
anushaashraf20
 
Electrical Engineer operation Supervisor
ssaruntatapower143
 
Introduction to Design of Machine Elements
PradeepKumarS27
 
Halide Perovskites’ Multifunctional Properties: Coordination Engineering, Coo...
TaameBerhe2
 
New_school_Engineering_presentation_011707.ppt
VinayKumar304579
 
20ES1152 Programming for Problem Solving Lab Manual VRSEC.pdf
Ashutosh Satapathy
 
Introduction to Internal Combustion Engines - Types, Working and Camparison.pptx
UtkarshPatil98
 
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
The Role of Information Technology in Environmental Protectio....pptx
nallamillisriram
 
Reasons for the succes of MENARD PRESSUREMETER.pdf
majdiamz
 
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
Viol_Alessandro_Presentazione_prelaurea.pdf
dsecqyvhbowrzxshhf
 
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
Design Thinking basics for Engineers.pdf
CMR University
 
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
Ad

intro_To_HTML_and__CSS_using_presentation.pptx

  • 2. Cascading Style Sheets • Introduction • Advantages • History of css • Versions of css • CSS-3 Modules
  • 3. Cascading Style Sheets  Cascading Style Sheets, referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.  CSS handles the look and feel part of a web page.  Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs.  How columns are sized and laid out, what background images or colors are used, layout designs , variations in display for different devices and screen sizes as well as a variety of other effects.  CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document.  Most commonly, CSS is combined with the markup languages HTML or XHTML.
  • 4. Advantages of CSS CSS saves time − You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want. Pages load faster − If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times. Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. Superior styles to HTML − CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.
  • 5. Advantages of CSS  Multiple Device Compatibility − Style sheets allow content to be optimized for more than one type of device. By using the same HTML document, different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.  Global web standards − Now HTML attributes are being deprecated and it is being recommended to use CSS. So its a good idea to start using CSS in all the HTML pages to make them compatible to future browsers.  Offline Browsing − CSS can store web applications locally with the help of an offline cache . Using of this, we can view offline websites . The cache also ensures faster loading and better overall performance of the website.  Platform Independence − The Script offer consistent platform independence and can support latest browsers as well.
  • 6. History of CSS? CSS was invented by Håkon Wium Lie on October 10, 1994 and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by W3C members, it becomes a recommendation. These ratified specifications are called recommendations because the W3C has no control over the actual implementation of the language.
  • 7. Versions of CSS CSS-1 Cascading Style Sheets, level 1 (CSS1) was came out of W3C as a recommendation in December 1996. This version describes the CSS language as well as a simple visual formatting model for all the HTML tags.
  • 8. Versions of CSS CSS-2 CSS2 was became a W3C recommendation in May 1998 and builds on CSS1.  This version adds support for media- specific style sheets e.g. printers and aural devices, downloadable fonts, element positioning and tables.
  • 9. Versions of CSS CSS-3 CSS3 was became a W3C recommendation in June 1999 and builds on older versions CSS.  it has divided into documentations is called as Modules and here each module having new extension features defined in CSS2.
  • 10. CSS-3 Modules CSS3 Modules are having old CSS specifications as well as extension features  Selectors  Box Model  Backgrounds and Borders  Image Values and Replaced Content  Text Effects  2D/3D Transformations  Animations  Multiple Column Layout  User Interface