トップ > CSS > CSSの基本

CSSの基本

style属性に指定

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
    <title>タイトル</title>
  </head>
  <body>
  <p style="font-size : 14pt; color:blue">CSSテスト</p>
  </body>
</html>

head内で設定

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
    <title>タイトル</title>
    <style>
    h2 { color: green; }
    </style>
  </head>
  <body>
  <h2>CSSテスト</h2>
  </body>
</html>

外部ファイルから適用

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style.css">
    <title>タイトル</title>
  </head>
  <body>
  <h3>CSSテスト</h3>
  </body>
</html>

style.css

h3 { 
    color: red; 
}