忘れてしまったCSSの基本事項

コンピュータ

久々にCSSを含むHTMLを書こうと思い色々と忘れていることに気が付きました。

CSSを記述する場所

HTMLの<head></head>内に記述

要素

<style></style>内にCSSを記述

外部ファイルの参照
<link rel=”stylesheet” href=”外部ファイル名.css”>

インライン
<div style=”cssを記述”>

要素指定

HTML内のp要素全てに適用
p { color: red; }

class指定

.className { color: red; }

id指定

#idName { color: red; }

感想

cssの内容は調べれば良いですが、HTML内で記述する場所やどの要素に適用させるかの指定方法などは覚えておかないとcssが記述できないということを経験しました。

コメント