CSS¶

CSSとは¶

CSS（Cascading Style Sheets）は見た目を制御するための言語である。

HTMLだけでは非常に味気ない画面になるため、通常はCSSと組み合わせて利用する。

<button>起動</button>

表示

[起動]

button {  
width: 200px;  
height: 50px;  
}

するとボタンのサイズが変更される。

複数の要素に同じデザインを適用するために利用する。

HTML

<button class="start">  
起動  
</button>

CSS

.start {  
width: 200px;  
}

特定の要素だけを指定する。

HTML

<div id="status">  
READY  
</div>

CSS

#status {  
font-size: 24px;  
}

現在最も利用されているレイアウト機能。

.container {  
display: flex;  
}

これだけで横並びになる。

より高度なレイアウト機能。

.container {  
display: grid;  
}

ダッシュボードなどで利用される。