2015-06

スポンサーリンク
CSS

リスト要素のスタイルを設定する

<ul>や<ol>タグでマークアップするリストは、 スタイルで先頭に表示されるマークを指定することができます。 デフォルトでは黒い丸がつきますが、 ほかにもマークは用意されていて、 list-style-...
CSS

行間を設定したいときに使う line-heightプロパティ

行間を設定して文字を読みやすくする。 行数の多いリストや文字数が多い段落は文字が詰まっていて 読みにくいです。ブラウザにより隙間がなく文字が詰まっている ことがあります。 その詰まった文字を見やすくするためにCSSで 「lin...
CSS

文字を斜体にしたり、文字を装飾する

文字を斜体にするfont-styleプロパティ CSSのfont-styleプロパティを使用することで、文字を 斜体にできます。値には 「normal」、「italic」、「oblique」を指定します。 英語のフォントには、筆...
CSS

文字の太さを設定する

<h2>タグには、デフォルトで太字が設定されています。 この太さに関係するプロパティは「font-weight」です。 このプロパティの設定値は以下です。 値: normal(数値400) bold 一般的な太さ(...
CSS

文字の大きさを設定する。

文字の大きさを設定するにはプロパティ「font-size」を使います。 サンプルコードのように指定できます。 上記は「px」「%」「em」で指定していますが、「medium」と いった方法で「fon...
CSS

リセットCSSって何?ノーマライズCSSって何?

全称セレクタを使いスタイルをリセットする ブラウザや要素ごとに始めから設定されているスタイルの デフォルト値をリセットするために、「リセットCSS」を 使用することがあります。 「*」をセレクタにした全称セレクタというものを使っ...
CSS

CSSを書く位置により優先順位が決まる

下記のサンプルのように、同じスタイルを適用していると どうなるのか。 答えを先に言うと「後から読み込まれるもの」がスタイル適用の 優先度が高くなります。 ということは、下記のサンプルコードでは背景は黄色になりま...
CSS

style属性を使いCSSを書く、CSS内にコメントつける

HTMLファイル内の開始タグに、style属性を使い直接スタイルを 適用させることができます。style属性の値にはCSSプロパティと 値を「プロパティ:値;」のように書きます。 例を挙げると<p style="color:...
CSS

HTMLファイルにCSSファイルを読み込ませる

CSSを適用するファイルを開きます。 そこで、適用したいスタイルを下記のサンプルコードの ように書きます。下記はcssファイルです。 test.css *CSSファイルにスタイルの適用を書くとき、<style&g...
CSS

HTMLファイルとは別にCSSファイルを別個つくりリンクさせる。

本題に入る前になぜ、HTMLファイルとCSSファイルを分けるのか。 CSSファイルを外部に作るメリット 有名会社のウェブサイトをみると、会社のトップページ以外にも 複数のHTMLファイルからできているのが分かります。 CSS...
スポンサーリンク
タイトルとURLをコピーしました