• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Css dasar-lanjut
 

Css dasar-lanjut

on

  • 988 views

 

Statistics

Views

Total Views
988
Views on SlideShare
988
Embed Views
0

Actions

Likes
0
Downloads
52
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Css dasar-lanjut Css dasar-lanjut Presentation Transcript

    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • h1 {color:blue;} ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • <style> <link>@import ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • <style> <head> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • <link> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • • body {color:black}• p {font-family:"sans serif"}• p {text-align:center;color:red}• p { text-align:center; color:black; font-family:arial }
    • • h1 { color:green; } h3 { color:green; } h5 { color:green; } p { color:green; } h1,h3,h5,p { color:green; }
    • •••• .merah {color:red;} .right {text-align:right;} .left {text-align:left;}
    • ••••• #merah {color:red;} #right {text-align:right;} #left {text-align:left;}
    • •• background-color background-image background-repeat background-attachment background-position
    • • body {background-color:aliceblue;} h1 {background-color:rgb(0,255,0);} p {background-color:#cccc66;} div {background-color:#cc9966;}
    • • body {background-image:url(../images/paper.gif);}
    • • background- image repeat-x repeat-y no-repeat body { background-image:url(../images/gradient.png); background-repeat:repeat-x; }
    • • background-image top left top center top right center left center center center right bottom left bottom center bottom right
    • body { background-image:url(../images/tree.png); background-repeat:no-repeat; background-position:top right; }body { background:url(../images/tree.png) no-repeat top right;}
    • • body {color:blue;} h1 {color:#00ff00;} p {color:rgb(255,0,0);} h1 {text-align:center} .date {text-align:right} .main {text-align:justify} p {text-indent: 50px;}
    • a {text-decoration:none;}h1 {text-decoration:overline;}h2 {text-decoration:line-through;}h3 {text-decoration:underline;}h4 {text-decoration:blink;}.hurufbesar {text-transform:uppercase;}.hurufkecil {text-transform:lowercase;}.hurufkapital {text-transform:capitalize;}
    • p {font-family:"Times New Roman“,Arial,Serif}.normal {font-style:normal;}.italic {font-style:italic;}body {font-size:100%;}h1 {font-size:20px;}p {font-size:0.8em;} /* 1em = 16px */h1 {font-weight:normal;}p {font-weight:bold;}
    • height:100px;width:200px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • • <div> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • • margin:25px 50px 75px 100px;• margin:25px 50px 75px;• margin:25px 50px;• margin:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • • margin:auto;• margin:10px 0px 5px -10px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • • padding:25px 50px 75px 100px;• padding:25px 50px 75px;• padding:25px 50px;• padding:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • • padding:auto;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • border-style border-width border-colorborder: ; border:solid 2px green; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • border:solid 2px green; border:dotted 2px green; border:dashed 2px green; border:double 7px green; border:groove 7px green; border:ridge 7px green; ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
    • •••• • float:left; • float:right;• • clear:both;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • ••• • <selector>:link{color:red;} • <selector>:visited{color:blue;} • <selector>:hover{color:green;} • <selector>:active{color:orange;}• a:hover { color:red; text-decoration:underline; } ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
    • •• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung