【備忘録】CSS

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;
}