ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンドのCSSの基礎知識

フロントエンドのCSSの基礎知識

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-19 11:02:391673ブラウズ

今回はフロントエンドのCSSの基礎知識をお届けします。フロントエンドのCSSの基礎知識の注意点は何ですか?実際の事例を見てみましょう。

CSS の基礎知識

まず小さな例を見てみましょう:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body>
    <p style="background-color:#2459a2;height: 48px;">1</p>
    <p style="background-color:red;">2</p>
    <p style="background-color:green;">3</p></body></html>

背景色、高さ、その他の属性を持つ p にスタイルを追加したことがわかります。オリジナル p は背景色の高さなどを追加します。

CSSの書き方

  • タグに幅、高さ、背景などのスタイル属性を設定します

  • それをhead内に記述し、