2020.03.11今回は「CSS」について、アウトプットしていきます。自分のアウトプット用になります。目次スポンサーリンク目次CSSについて文字の色CSSのソースコード文字の大きさCSSのソースコード文字の種類CSSのソースコード背景色CSSのソースコード横幅と高さCSSのソースコードCSSについてCSSとは、HTML要素に対して色、大きさ、配置などを指定するページのデザインをする言語です。CSSはHTMLとは別のファイルに記述します。HTMLで記述した要素に対して、CSSで「どこの」「なにを」「どうする」かを指定することができます。文字の色<p>これは段落</p>上記のHTMLソースコードをブラウザで表示すると左の図のようになる。これにCSSで文字の色を赤に設定すると右の図のようになる。CSSのソースコード<p>要素に対して、色を赤にするといった内容。今回は「red」で表していますが、カラーコードを使うことでも表現できる。文字の色は「color」プロパティで指定します。p{color:red;}文字の大きさ先ほどのHTMLに対してCSSで文字の大きさを30pxに変更していきます。CSSのソースコード文字の大きさは「font-size」プロパティで指定します。サイズはpxという単位を使って指定します。文字の種類をセリフ体に変更します。CSSのソースコード文字の種類は「font-family」プロパティで指定します。値の部分にフォント名を書きますが、フォント名に空白が入っている場合は「”」で囲みます。背景色を黄色に変更させます。CSSのソースコード背景色は「background-color」プロパティで指定します。「color」プロパティと同じでカラーコードで表せます。30px;font-family:serif;background-color:#ffff00;}横幅と高さ要素の横幅と高さを指定します。横幅を300px、高さを100pxにしました。CSSのソースコード横幅は「width」プロパティ、高さは「height」プロパティで指定します。どちらもpxで指定するので書き忘れに注意。30px;font-family:serif;background-color:#ffff00;width:300px;height:100px;}以上、CSSの基本的なプロパティについての紹介でした。コピーtakumaroをフォローするtakumaro関連記事プログラミング【参考書】スラスラわかるHTML&CSSの基本【実践】こんにちは、takumaroです。-第2版」を読みました。Cafe」という喫茶店のホームページを作成しながら最終的にはネット上に後悔することろまで実践しなが...プログラミング【アウトプット】HTML&CSSについて1今回からは現在勉強している、プログラミングのアウトプットをしてみることにしました。言語は「HTML」と「CSS」を選びました。この言語はwebのホームページ作成などに使われていて、web業界は今後伸びるだろうということで勉強しています。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Δホームプログラミングプロフィールこのサイトを運営しているtakumaroです。普段はIT業界で普通のサラリーマンをしていた過去をもち現在は、webデザインの職業訓練を受講中です。趣味はギターと漫画、アニメ、ロードバイク。最近本を読むようになりました。ガジェットアニメこのサイトについてお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。