
記事の内容
CSSの要素や属性の種類・使い方
border(ボーダー)
「border(ボーダー) ブロック要素の枠に線を付けて装飾をする」
「border-radius画像を加工 四角い画像を丸くする」
CSSの基礎
「CSSとは?Webページのレイアウトや装飾を行うCSSの基礎を学ぼう」
「CSSの記述のルール!スタイルを適用する場所を指定するセレクタの事を知る!」
「プログラミングの基礎!CSSの使い方class名の複数設定できる」
color 背景色や文字色を設定
背景色や文字色の設定とcurrentColorを使った例などを紹介しています。
「color 背景色や文字色の設定と前の要素の色を引き継ぐcurrentColorの使用法」
box-shadow
box-shadowプロパティは、要素のフレームから影を落とすことができます。
「box-shadowプロパティ要素のフレームから影を落とす」
form要素
お問い合わせなどのフォームを作る
「form要素を使って「お問い合わせ」などのフォームを作る!」
font-sizeで文字サイズを変える
「fout-size文字サイズを調整して見栄えのある文書構成を」
hover(ホバー)
hoverホバー、カーソルを当てると色が変わるように設定できます
「hover カーソルを当てると色が変わる 擬似クラスと擬似要素の違い」
img 画像を挿入
link・aタグ
リンクの設定のやり方違いを解説しています。
padding、margin、borderとは
padding、margin、borderとは余白や枠のことを言います、ここで詳しく説明しています。
「padding、 margin、 borderとは?設定の仕方を分かり易く説明」
spanタグとdivタグ
インライン要素とは何か?
ブロック要素とは何か?
その違い、見え方などを説明しています。
table要素とborder-collapse
表にborderで線を設定するとブロックとセルのborderに線ができて二本の線ができます、それを一本の線のように見せるのがdorder-collapseです。
「table要素とborder-collapseを使って一本の線で表を作る」
「tableで作った表の色を交互に変えるnth-child」
「table要素で作った表をcolgroup等を使いグループ化する」
text
文字に線を引いたり色を付けたり、などの装飾に使います複数設定する場合にはtext-decorationこちらがお勧め。
「text-decorationを使い文字に線や色を加える!」
text-alignタグを使って文字の配置を指定します。
「text-align文字の水平方向の配置を指定するプロパティ!CSSで見やすい配置にしましょう」
ul・ol・dl要素とnav要素
「list(リスト)要素とnav要素でナビゲーションを作る」
相対単位と絶対単位
「可変的にサイズを変える相対単位と普遍的なサイズの絶対単位その違いは?」
擬似要素とは擬似クラスとは
擬似要素と擬似クラスの違いは何か? その使い方を説明しています。
分かっているようで読めないタグの読み方
プログラミングを習得するなら
プログラミングの基礎CSS編
CSSの記述と要素や属性の種類・使い方
まだまだ記事にしていきますので待っててください