‣
‣
‣
‣
    ‣
    ‣
    ‣
    ‣
‣
‣
‣
‣
‣
‣
‣
‣
‣


‣
‣
‣
    ‣
‣
p {color:blue}

‣
‣
‣
‣
 ‣
 ‣


 ‣
 ‣



<head>
  <link rel="stylesheet" href="default.css" type="text/css" />
</head>
‣
‣
‣



    <head>
        <style type="text/css">
            p {color : blue}
        </style>
    </head>
‣
‣
‣



    <p style="color:red">   </p>
‣
‣
‣
    ‣
‣
    ‣
        ‣
        ‣
        ‣
‣
    ‣
‣
    ‣
    ‣
‣
‣


‣
    ‣
    ‣
    ‣
‣
‣
‣
    ‣

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>       </title>
    <link rel="stylesheet" href="css/default.css" type="text/css" />
  </head>
  ...
‣
    ‣

h1 {
        font-size: 1.75em;
}
h2 {
        font-size: 1.25em;
}
p {
        font-size: 0.8em;
}
li {
        font-size: 0.8em;
}
‣
‣
‣

h1 {
       font-size: 1.75em;
       color: #3399cc;
}
h2 {
       font-size: 1.25em;
       color: #3399cc;
}
p {
       font-size: 0.8em;
       color: #333333;
}
li {
       font-size: 0.8em;
       color: #333333;
}
‣
‣
    ‣
    ‣
    ‣
        ‣
            ‣
            ‣
            ‣
‣
    ‣
    ‣
‣


    ‣
    ‣
    ‣


    ‣
        ‣
            ‣
        ‣
            ‣
        ‣
            ‣
‣
    ‣



             ff                      ff
        (0   255)               (0   255)




                         ff
                    (0   255)
‣
    ‣
    ‣


‣
    ‣


‣
    ‣
‣
h1 {
       font-size: 1.75em;
       color: #3399cc;
}
h2 {
       font-size: 1.25em;
       background-color: #3399cc;
       color: #ffffff;
}
p {
       font-size: 0.8em;
       color: #333333;
       line-height: 1.75em;
}
li {
       font-size: 0.8em;
       color: #333333;
}
‣
‣
‣

h1 {
       font-size: 1.75em;
       color: #3399cc;
       text-align: center;
}
h2 {
       font-size: 1.25em;
       background-color: #3399cc;
       color: #ffffff;
}
p {
       font-size: 0.8em;
       color: #333333;
}
li {
       font-size: 0.8em;
       color: #333333;
}
‣
‣
h1 {
       font-size: 1.75em;
       color: #3399cc;
       text-align: center;
}
h2 {
       font-size: 1.25em;
       background-color: #3399cc;
       color: #ffffff;
}
p {
       font-size: 0.8em;
       color: #333333;
       line-height: 1.75em;
}
li {
       font-size: 0.8em;
       color: #333333;
}
‣
‣

...

li {
       font-size: 0.8em;
       color: #333333;
}
address{
    font-size: 0.75em;
    font-style: italic;
}
‣
‣
‣


    ‣
        ‣
        ‣


    ‣
        ‣
        ‣
        ‣
        ‣
        ‣

CSS入門 情報の形を視覚化する - 千葉商科大 Web表現

  • 2.
  • 3.
    ‣ ‣ ‣ ‣
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
    ‣ ‣ ‣ ‣
  • 11.
  • 12.
    ‣ ‣ ‣ ‣ ‣ <head> <link rel="stylesheet" href="default.css" type="text/css" /> </head>
  • 13.
    ‣ ‣ ‣ <head> <style type="text/css"> p {color : blue} </style> </head>
  • 14.
    ‣ ‣ ‣ <p style="color:red"> </p>
  • 15.
  • 16.
    ‣ ‣ ‣ ‣
  • 17.
  • 18.
    ‣ ‣
  • 20.
    ‣ ‣ ‣ ‣ ‣ ‣
  • 21.
  • 22.
    ‣ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title> </title> <link rel="stylesheet" href="css/default.css" type="text/css" /> </head> ...
  • 23.
    ‣ h1 { font-size: 1.75em; } h2 { font-size: 1.25em; } p { font-size: 0.8em; } li { font-size: 0.8em; }
  • 24.
  • 25.
  • 26.
    ‣ h1 { font-size: 1.75em; color: #3399cc; } h2 { font-size: 1.25em; color: #3399cc; } p { font-size: 0.8em; color: #333333; } li { font-size: 0.8em; color: #333333; }
  • 27.
  • 28.
    ‣ ‣ ‣ ‣ ‣ ‣ ‣
  • 29.
    ‣ ‣
  • 30.
    ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣
  • 31.
    ‣ ff ff (0 255) (0 255) ff (0 255)
  • 32.
    ‣ ‣ ‣ ‣ ‣ ‣
  • 33.
    ‣ h1 { font-size: 1.75em; color: #3399cc; } h2 { font-size: 1.25em; background-color: #3399cc; color: #ffffff; } p { font-size: 0.8em; color: #333333; line-height: 1.75em; } li { font-size: 0.8em; color: #333333; }
  • 34.
  • 35.
  • 36.
    ‣ h1 { font-size: 1.75em; color: #3399cc; text-align: center; } h2 { font-size: 1.25em; background-color: #3399cc; color: #ffffff; } p { font-size: 0.8em; color: #333333; } li { font-size: 0.8em; color: #333333; }
  • 37.
  • 38.
    ‣ h1 { font-size: 1.75em; color: #3399cc; text-align: center; } h2 { font-size: 1.25em; background-color: #3399cc; color: #ffffff; } p { font-size: 0.8em; color: #333333; line-height: 1.75em; } li { font-size: 0.8em; color: #333333; }
  • 39.
  • 40.
    ‣ ... li { font-size: 0.8em; color: #333333; } address{ font-size: 0.75em; font-style: italic; }
  • 41.
  • 42.
  • 43.
    ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣