-
-
文字を斜体にしたり、文字を装飾する
2015/6/16
文字を斜体にするfont-styleプロパティ CSSのfont-styleプロパティを使用することで、文字を 斜体にできます。値には 「normal」、「italic」、「oblique」を指定しま ...
-
-
文字の太さを設定する
2015/6/16
<h2>タグには、デフォルトで太字が設定されています。 この太さに関係するプロパティは「font-weight」です。 このプロパティの設定値は以下です。 値: normal(数値400) ...
-
-
文字の大きさを設定する。
2015/6/16
文字の大きさを設定するにはプロパティ「font-size」を使います。 サンプルコードのように指定できます。
123456789101112131415#container{background-color: greenyellow;}p.font16px{font-size:16px;}p.font14px{font-size:14px;}p.font12px{font-size:12px;}p.font100percent{font-size:100%}p.font75percent{font-size:75%}p.font50percent{font-size:50%}p.font1_50em{font-size:1.5em}p.font1_25em{font-size:1.25em}p.font1_00em{font-size:1em}[crayon-69a6 ...
-
-
リセットCSSって何?ノーマライズCSSって何?
2015/6/15
全称セレクタを使いスタイルをリセットする ブラウザや要素ごとに始めから設定されているスタイルの デフォルト値をリセットするために、「リセットCSS」を 使用することがあります。 「*」をセレクタにした ...
-
-
CSSを書く位置により優先順位が決まる
2015/6/15
下記のサンプルのように、同じスタイルを適用していると どうなるのか。 答えを先に言うと「後から読み込まれるもの」がスタイル適用の 優先度が高くなります。 [crayon-69a6aeb9d1dcd10 ...
-
-
style属性を使いCSSを書く、CSS内にコメントつける
2015/6/15
HTMLファイル内の開始タグに、style属性を使い直接スタイルを 適用させることができます。style属性の値にはCSSプロパティと 値を「プロパティ:値;」のように書きます。 例を挙げると< ...
-
-
HTMLファイルにCSSファイルを読み込ませる
2015/6/15
CSSを適用するファイルを開きます。 そこで、適用したいスタイルを下記のサンプルコードの ように書きます。下記はcssファイルです。 test.css [crayon-69a6aeb9d1f56499 ...
-
-
HTMLファイルとは別にCSSファイルを別個つくりリンクさせる。
2015/6/13
本題に入る前になぜ、HTMLファイルとCSSファイルを分けるのか。 CSSファイルを外部に作るメリット 有名会社のウェブサイトをみると、会社のトップページ以外にも 複数のHTMLファイルからできている ...
-
-
要素の親子関係を示す子孫セレクタ
2015/6/13
特定の親要素に内包する子要素を指定する p{color:blue}、.test{font-size:10px}と要素名や クラス名だけをセレクタとしてた方法をお伝えしてきました。 さらに、要素の親子関 ...
-
-
id名,class名をCSSでセレクタにする。
2015/6/13
CSSでid名,class名をセレクタに指定する場合、 id名の前には「#(イゲタ)」、class名には「.(ドット)」を 書きます。 サンプルコードでは id名「news」は「#news」、 cla ...