日々思いついたことを気ままに書くブログです。

ProgateでHTMLを勉強する11

文中の一部にCSSを適用させる

適用させたい部分を<span></span>で囲み、spanタグにCSSを指定する。

 

ブロック要素とインライン要素

ブロック要素→<div>,<h1>,<p>など

特徴

・親要素の幅一杯に広がる

・ブロック要素で囲まれた部分は自動的に改行される

 

インライン要素→<span>,<a>など

特徴

・改行されない

 

borderプロパティ

枠線をつけるプロパティ。

border: 太さ(px) 種類 色;

と記述する。

(例)

.moji{

 border: 5px solid red;

}

 

枠線の種類についてはこちらのサイトが参考になります。

beginners-hp.com

 

border-top

border-left

border-bottom

border-right

のように方向を指定すると指定した方向にのみ枠線がつく。