Examples CSS HTML
Upcoming SlideShare
Loading in...5
×
 

Examples CSS HTML

on

  • 587 views

Few examples of css

Few examples of css

Unos cuantos ejemplos de CSS

Statistics

Views

Total Views
587
Views on SlideShare
587
Embed Views
0

Actions

Likes
1
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

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

    Examples CSS HTML Examples CSS HTML Presentation Transcript

    • Vidal i Barraquer SMX - M8 Silvia Guerrero Raul Solà Bartosz Prokott
    • Índex ❏ Background ❏ Lists ❏ Text ❏ Tables ❏ Fonts ❏ Links
    • Type background • • • Background color Background image Background Image - Repeat Horizontally or Vertically
    • Background color body {background-color:#b0c4de;} Selector Example Property Value
    • Background image body {background-image:url('paper.gif');} Selector Example Property Value
    • Background image - repeat x / y body {background-image:url('prova.jpg');background-repeat:repeat-y;} Selector Example Property Value Property Value
    • Type lists ● Unordered Lists ● Ordered Lists ● Description Lists
    • Unordered lists <ul> <li>Coffee</li> <li>Milk</li> </ul> Example • • Coffee Milk
    • Ordered lists <ol> <li>Coffee</li> <li>Milk</li> </ol> Example 1. Coffee 2. Milk
    • Description lists <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> Example Coffee - black hot drink Milk -white cold drink
    • Type text • Text Color • Text Alignment • Text Transform
    • Text Color body {color:#00ff00;} Selector Example Property Value
    • Text Alignment h1{text-align:center;} Selector Example Property Value
    • Text Transform p{text-transform:uppercase;} Selector Example Property Value
    • Type tables • • • • Table Borders Table Width and Height Table Text Alignment Table Styling
    • Table Borders table,th,td {border:1px solid black;} Selector Example Property Value
    • Table Width and Height table{width:100%;} Selector Property Value th{height:50px;} Selector Example Property Value
    • Table Text Alignment td{text-align:right;} Selector Example Property Value
    • Table Styling Example
    • Type fonts ● Font family ● Font style ● Font size
    • Font Family p{font-family:"Times New Roman", Times, serif;} Selector Property Example Value
    • Font Style p.normal {font-style:normal;} Selector Property Value p.italic {font-style:italic;} p.oblique {font-style:oblique;} normal - normal text displays Example italic - the text is shown in italics oblique - the text is tilted
    • Font Size h1 {font-size:40px;} Selector Property Value h2 {font-size:30px;} p {font-size:14px;} Example
    • Type links • Styling links • Text Decoration • Background color
    • Styling links a:link {color:#FF0000;} Selector Property Value a:visited {color:#00FF00;} a:hover {color:#FF00FF;} a:active {color:#0000FF;} a:link - a link without visiting a:visited - a link that has been visited a:hover - a link when the mouse is over Example a:active - a link when clicked
    • Text Decoration a:link {text-decoration:none;} Selector Property Value a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;} Example
    • Background color a:link {background-color:#B2FF99;} Selector Property Value a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;} Example
    • Bonus *{ border: 1px dashed} Selector Example Property Value
    • Website with examples VISIT OUR WEBSITE http://cssweb.esy.es/CSSm8/index.html