CSS (Cascading Style Sheet)
1, CSSとは
見た目をカスタマイズするための定義情報
文字や画像などを色形大きさを変えるなどを定義する
2, CSS要素
- id
要素を指定するとき、他のタグと重複しないように見分けられる
基本的には重複することはない
<em id="longname">
- class
idは重複させずに複数のタグに対してスタイルを定義したいとき
重複はすることがあるがある程度分離する用
<em class=”css”>
- href
文字部分をリンクにする
<a href="https://getbootstrap.com/docs/3.3/">Bootstrap</a>
- src
画像やファイルなどを読み込む
hrefとは違い、リンクに遷移するようなものではない
<script src=”http://cdnjs…..”>
- style
文字に色や大きさなどの見た目をカスタマイズする
複数種類がある
# 背景色などの見た目の変更
<h1 style=”background-color:blue;”>
# 黒色の枠線を付ける
<p style=”border: solid lpx black”>
# 左端の余白を10pxとる
<p style=“padding-left:10px;”>
# 太字
<p style=“font-weight: bold;”>
# フォント指定 normal, italicなど
<p style=”font-style: nomal”>
# style要素を分離
h1 {
background-color: blue;
color: white;
padding-left: 10px;
}
#longname {
color: red;
}
.css {
font-style: normal;
}