見出し画像

模擬サイト作成12/ CSS ・・

HTML, CSS, JavaScriptそれぞれの役割・・
HTML:構造、テキスト
CSS:レイアウト、スタイリング
JavaScript:振舞い

線・・
border
要素の上下左右に表示されるもの
border自体に長さを指定することはできない
「borderの長さ」=「要素の長さ」
①要素自体の大きさを変えることで線の長さを変える css: width:;
②文字の長さに応じて、borderの長さを可変 css : display: inline-block;

下線
text-decoration: underline; 線
text-decoration-color: #fff ; 白

border-radius
border-radiusプロパティは角丸を定義
値の単位にはpx, rem, emのような固定値のほか、パーセント(%)を使用することもできる。
e.g. ) border-radiusを50%に設定すると円

APIってなんでしょう・・
APIは「アプリケーションプログラミングインタフェース」の略
機能やデータなど、アプリケーションの持つ情報を他のアプリケーションに共有ができるようにしたもの。
e.g.) facebookの投稿をWEBサイトに表示させる

復習・・
:margin 0 auto; の意味(ブロック要素の左右中央寄せ)
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;



この記事が気に入ったらサポートをしてみませんか?