はじめに
こんにちは。
未来電子テクノロジーでインターンをしているshinoです。
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。
今回は、CSSとは何なのか？CSSの基本についてまとめます。
CSSってなに？
CSSとは、HTMLで作り上げた要素の、色・大きさ・配置を設定する言語です。
HTMLが文章構成を作り上げる言語だとしたら、
CSSはそれを見やすくデザインする言語と言えるでしょう。
CSSで何ができるの？
文字に色をつけられる
CSSでは、文字に色づけができます。
色を指定するには、colorプロパティを使用します。
HTML
<h1>おでんはモチきんちゃく</h1>
HTMLで構成した要素に
CSS
h1 {
color :ff0000;
}
CSSで、｛color :ff0000;｝のようにコードで色を指定できます。
文字の大きさを調整できる
CSSではfont-sizeプロパティで文字の大きさを調節できます。
CSS
h1 {
font-size :30px;
}
このように、px(ピクセル)という単位を用いて文字の大きさを細かく調整できます。
字体を変えられる
文字のフォントを変更するには、font-familyというプロパティを使用します。
CSS
h1 {
font-family :"Avenir Next";
}
フォント名内にスペースがある場合はクオーテーションマーク（””）を付け忘れないようにしましょう。
まとめ
このように、CSSを使用することでサイトのデザイン性を高められます。
以上、CSSのキホン機能をご紹介しました。