隣接兄弟セレクタの記述方法と使い方【CSSスタイルシート】

隣接兄弟セレクタ

隣接要素+対象要素{宣言}
(隣接要素のすぐあとに記述された要素が対象)


隣接兄弟セレクタは、隣接要素直後の要素にスタイルを適応したいときに使います。

続きを読む


カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

子供セレクタの記述方法と使い方【CSSスタイルシート】

子供セレクタ

親要素 > 子要素{宣言}
(親要素に含まれる直接の子要素が対象)


子供セレクタは、親要素の中に含まれる直接の子要素にスタイルを適応したいときに使います。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

子孫セレクタの記述方法と使い方【CSSスタイルシート】

子孫セレクタ

親要素 子要素{宣言}
(親要素に含まれる子要素が対象)


子孫セレクタは、親要素の中に含まれる子要素にスタイルを適応したいときに使います。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシートのセレクタの種類(書き方・記述方法)

CSSでよく使う基本的なセレクタの種類

要素型セレクタ
タイプセレクタとも言う。要素名を使用。
全称セレクタ
ユニバーサルセレクタとも言う。全ての要素が対象。
クラスセレクタ
クラス名を付けた要素が対象。
IDセレクタ
ID名を付けた固有の要素が対象。
子孫セレクタ
ID名を付けた固有の要素が対象。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

IDセレクタの記述方法と使い方【CSSスタイルシート】

IDセレクタアイディセレクタ

要素名#ID名{宣言}
(この要素のこのID名が対象)

または、

#ID名{宣言}
(この名が付いているIDの要素が対象)


IDセレクタid属性で与えられたID名セレクタとして使用します。注意しなければならないのはID名の前に「#」シャープを付けないといけないという点です。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

クラスセレクタの記述方法と使い方【CSSスタイルシート】

クラスセレクタ

要素名.クラス名{宣言}
(この要素のこのクラス名が対象)

.クラス名{宣言}
(このクラス名が付いている全ての要素が対象)


クラスセレクタclass属性で与えられたクラス名セレクタとして使用します。注意しなければならないのはクラス名の前に「.」ドットを付けないといけないという点です。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

全称セレクタ(ユニバーサルセレクタ)の使い方【CSS】

【全称セレクタ(ユニバーサルセレクタ)】

*{宣言}



全称セレクタは、全ての要素に対してスタイルCSS)を適応する事ができるセレクタです。


続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

要素型セレクタは要素名使用する【CSSセレクタの種類】

要素型セレクタタイプセレクタ)】

要素名{宣言}



要素型セレクタタイプセレクタ)は最も基本的なCSSセレクタです。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

文字の装飾を指定するプロパティ(リンクの下線を消す)

文字の装飾を指定

text-decorationプロパティ

text-decoration:値



値には
none装飾なし
underline下線
line-through取り消し線
などを入れます。


全ての要素に使用できます。子要素には継承されません。


リンク文字にはデフォルトで下線が付いているので外したい場合は「none」を使います。



カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

HTMLにインデントを入れるプロパティ【スタイルシート】

インデントを入れる

text-indentプロパティテキストインデント

text-indent:値


インデントとは「字下げ」のことです。文章の先頭の1マス目に空白を挿入します。

text-indentプロパティブロックレベル要素に使用できます。


単位には数値と単位、または%パーセントを使用します。

パーセントは親要素の幅との相対指定です。
一般的にはemが使われます。例:1em



カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

About Site(サイト案内) 概要

アクセスアップ方法・アクセスアップツールを中心に紹介しています。出来るだけ易しいサイト作りを目指したいと思います。まだまだコンテンツが少ないですが確実なアクセスアップ方法を紹介しますのでどうぞ宜しくお願いします。アクセスアップ記事以外にもWeb製作のことやiPhoneのこと。ニュースなども取り上げていきます。


◆リンク
http://secretaccess.seesaa.net/
タイトルは『Digital Life -デジタルライフ-
(テキストリンクのみです)
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。