CSSのお勉強。 なんとなくでやってた部分の再確認とか初めて知ったことのみですが自分なりのまとめ。
CSSとは
Webページの見た目をよくするもの
CSSのを書く方法
1 別ファイルでCSS作ってHTMLファイルに読み込む
別ファイルのCSS= 外部スタイルシート
<head>
内に読み込みコードをかく
<link rel="stylesheet" href="ファイル名.css">
2 <style>
タグを使ってHTMLに直接書く
タグを書くのは <head>
の中
3 インラインでタグ内にCSSをかく
セレクタの指定方法
タグを指定
idを指定
classを指定
その他
複数指定
○○○,○○○,○○○{ }
子孫セレクタ(絞り込み)
あるタグの中の特定のタグにのみスタイルを適用する
<body> <h1>子孫セレクタとは</h1> <p>特定のタグにのみスタイルを適用するための <span>便利な</span>指定方法です</p> </body>
body p spnan{ color: red; }
見え方
3. 他にもあるらしい
基本的なスタイル
やること | プロパティ | 値 |
---|---|---|
文字配置 | text-align |
light , center , right |
罫線 | border |
種類 太さ 色 ex) solid 2px blue |
罫線(上下左右 ) | border-top ,border-bottom , border-right , border-left |
罫線と同じ |