CSS: Cascading Style Sheets - PowerPoint PPT Presentation

1 / 12
About This Presentation
Title:

CSS: Cascading Style Sheets

Description:

Title: CSS: Separating Design and Content Author: A&S Computing Last modified by: MRT Created Date: 4/8/2005 12:55:17 AM Document presentation format – PowerPoint PPT presentation

Number of Views:183
Avg rating:3.0/5.0
Slides: 13
Provided by: a549
Category:

less

Transcript and Presenter's Notes

Title: CSS: Cascading Style Sheets


1
CSS Cascading Style Sheets
2
?????
  • Css ?????
  • ??? ?? ?????
  • ??? ?? Css ??????? ?? ?????
  • ????? ????

3
CSS ?????
  • ?? ??? 1994 ???? Hakon Wium Lie ?? ??????? MIT
    ????? ??.
  • ????????? ?????? W3C ???? ????? ???? ????? ?????
    ?? ??? ???.
  • ????? ????? ???? ?? ?? ?????? ????? ???? ??? ??
    ???.

4
????? ??
  • ????? ?? CSS

5
?????? ????? ??
  • Element Selectors (?????? ?? ??)
  • H1 color purple
  • H1, H2, P color purple
  • Contextual (?????? ?? ???? ?? ????)
  • LI B color purple
  • ID (?????? ?? ?????)
  • warning colorRed
  • ?? ?? html
  • ltH1 idwarninggtDangerlt/H1gt

6
?????? ????? ??
  • Class Selectors (?????? ????)
  • ?? ?? html
  • ltH1 CLASSwarninggtDanger!lt/H1gt
  • ltP CLASSwarninggtBe carefullt/Pgt
  • ?? ?? css
  • H1.warning color red
  • ?? ?? ??? ????? ??? ????
  • .warning colorred

7
????? css ?? html
  • ?? ??? ???? ??? ??? ???? ????.
  • ??? ???

?????? ???? ??? (inline style) ltH1
STYLEcolor blue font-size 20ptgtA large
purple Headinglt/H1gt
8
????? css
  • ??? ???

?????? ????? ??? (embedded style
sheet) ltHTMLgtltHEADgtltTITLEgtStylin!lt/TITLEgt ltSTYLE
TYPEtext/cssgt H1 color purple P
font-size 10pt color gray lt/STYLEgt lt/HEADgt
lt/HTMLgt
9
????? css
  • ??? ???

?? ???? ??? ?? html ltHEADgt ltLINK RELstylesheet
TYPEtext/css HREFstyles/mystyles.cssgt lt/HEA
Dgt
10
?????? ??????? ?? css
  • ????? ???? ????
  • ?????? ??????
  • ??????? ???? ????? ??
  • ????? ??????? ???? ????
  • ?????? ????? ?? ?????? ??? ?????
  • ????? ???? ????? ??? ????
  • ???? ? ?????? ????
  • ???? ???? ????? ?? ?????? ???? ?????

11
?????? ??????? ?? css
  • ???? ????? ??
  • ???? ????? ????? ????
  • ?? ???? ?????? ????? ?? ??? ???? ?? ??????? ??
    ??? ? ??? ????? ?????? ?? ???
  • ?????? ?????? ?? ???????? ????
  • ?? html ???? ? ???? ?????? ?????? ????? ????
    ???????? ????? ????

12
Css ???? ???? ????!
  • ???????? ?? ??? ????? ??? css ?? ??? ???????? ???
    ?? ????
  • ????? ??? ????? ????? ???? ?? ????? ???? ???? ??
    ??? ???????? ??????? ???? ????
Write a Comment
User Comments (0)
About PowerShow.com