html・CSSの要素や属性の種類・使い方を詳しく解説します!

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 画像を挿入

htmlのimg要素で画像を表示する!

link・aタグ

リンクの設定のやり方違いを解説しています。

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要素で様々な表を作成する

table要素で作った表をcolgroup等を使いグループ化する

text

文字に線を引いたり色を付けたり、などの装飾に使います複数設定する場合にはtext-decorationこちらがお勧め。

text-decorationを使い文字に線や色を加える!

text-alignタグを使って文字の配置を指定します。

text-align文字の水平方向の配置を指定するプロパティ!CSSで見やすい配置にしましょう

ul・ol・dl要素とnav要素

ul要素とol要素とdl要素でリストを作る

list(リスト)要素とnav要素でナビゲーションを作る

相対単位と絶対単位

可変的にサイズを変える相対単位と普遍的なサイズの絶対単位その違いは?

擬似要素とは擬似クラスとは

擬似要素と擬似クラスの違いは何か? その使い方を説明しています。

擬似クラス・擬似要素とは?違いは?その使い方は!

分かっているようで読めないタグの読み方

分かっているようで読めないタグの読み方

プログラミングを習得するなら

プログラミングの基礎CSS編

CSSの記述と要素や属性の種類・使い方

まだまだ記事にしていきますので待っててください

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事