ホームページ > 記事 > ウェブフロントエンド > フロントエンドのCSSの基礎知識
フロントエンドのCSSの基礎知識
- php中世界最好的语言オリジナル
- 2018-03-19 11:02:391660ブラウズ
今回はフロントエンドの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内に記述し、