CSS

Table of contents

  1. Main Poperties
  2. 3 way to design CSS
    1. External Style Sheet
    2. Internal Style Sheet
    3. Inline Style

CSS is Cascading Style Sheets that make more beautiful HTML. There are some cases to configure CSS for HTML.

Main Poperties

  • Basic usage :
  • color
  • backbround-color
  • width
  • font-align
  • font-size
  • font-weight
  • border

  • : define an area

3 way to design CSS

External Style Sheet

  • link style sheet file with css format
    <head>
      <link rel="stylename" type="text/css" href="style.css">
    </head>
  • It is easy to maintain if there are some updates.

Internal Style Sheet

  • Insert <style> between <head> and </head>
  • It is better to use for one HTML page.
  <head>
    <style type="text/css">
        Selector {property: value;}
        ex) h1 {color:red} 
    </style>
  </head>

Inline Style

  • Insert style format directly
  <p style="font-size: 15px;">this is 15pixel</p>