最適なテキストリンクの色は？ | ウェブ力学
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ
ブロックレベル要素とインライン要素
HTMLでは多くの要素タイプが定義されていますが、そのうちbody要素の中で使われるものは、大きく「ブロックレベル要素」と「インライン要素」に分けることができます。 ブロックレベル要素 ブロックレベル要素は見出し、段落など文書を構成する基本要素となるものです。ブロックレベル要素の内容モデルには、別のブロック要素やインライン要素を含むことができますが、逆にインライン要素の中にブロックレベル要素を置くことはできません。 ＊ブロックレベルに属する要素タイプでも、p要素タイプのように内容モデルにはインライン要素しか持てないもの、pre要素タイプのようにさらに内容が限定されるもの、hr要素タイプのように内容を持たないものもあります。 ブロックレベル要素は、ブラウザでの表示に際してもひとつの「ブロック（通常改行を伴う表示上のまとまり）」として扱われます。ブロックの間に空行を置くかどうかは、仕様書には定
“id”属性と”class”属性 島岡諒の無料ホームページ作成講座『初めてWeb入門』
１． デザインをする言語CSS / ２． CSSの基本構造 / (ア) タグへ対する装飾 / (イ) “id”属性と”class”属性 / ３． ページ全体を装飾する / (ア) 文字のサイズを指定する / (イ) 文字の色を指定する / (ウ) 文字の行間を指定する / ４． タイトルを装飾する / (ア) 文字を太字にする / (イ) 文字のフォントを指定する / ５． ヘッダーを作成する / (ア) ブロックのサイズを指定する / (イ) ブロックの余白を指定する（１） / (ウ) 背景画像を設定する / ６． ２カラムデザインを実装する / (ア) カラムという概念 / (イ) ２カラムを指定する / ７． メニューをデザインする / (ア) リンクを装飾する / (イ) リストに画像を指定する / ８． コンテンツ部分をデザインする /
HTML・CSS タグ練習ページ
スタイルシートを記述していく場所です。下のような感じに書いていきます。 abc の部分は好きな文字でいいです。 body 内で呼び出すことで効果を反映できます。 .abc と指定したら class="abc" で反映できます。 （例：<タグ class="abc"> ） #abc と指定したら id="abc" で反映できます。 （例：<タグ id="abc"> ） font とタグ自体を指定すると、そのタグ全部にその効果があります。
HTML+CSSによるウェブページ制作例－CSSの基本
■HTML+CSSによるウェブページ制作例 ウェブページ制作の流れ 実際にXHTML+CSSでウェブページを作成してみましょう。 ウェブページ作成の流れは、大まかに以下のようなものとなります。 テキスト原稿を作成する フリーハンドのスケッチなどで、レイアウトのイメージを固める HTML・XHTMLのバージョンを決める HTMLタグで情報の構造付けをする 必要に応じて、<div>や<span>でスタイリングのためのタグ付けをする id属性やclass属性で各部分に名前を付けて、CSSのセレクタを設計する CSSでスタイル指定する レイアウトのイメージを固める ウェブページを作成する際には、まずテキスト原稿や掲載する画像などのコンテンツとなる情報を作成します。 それらをページ内にどのように配置するか、フリーハンドのスケッチなどでレイアウトのイメージを固めます。 今回作成するウェブサイトの完成イ
はてなダイアリーTipsスタイルシートでデザイン編
視覚的に表したものを先日作成したのでよろしかったら参考にしてください。 視覚的、はてなダイアリー文書構造サンプルHTML CSS Tips for はてなダイアリー はてなダイアリーガイド「CSSセレクタ」 はてなダイアリーガイド「CSSセレクタ - 日記１日分」 はてなダイアリーガイド「CSSセレクタ - photoモジュール」 はてなダイアリーガイド「CSSセレクタ - adsenseモジュール」 はてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」 はてなダイアリーガイド「CSSセレクタ - ヘッダテーブル」 はてなダイアリーガイド「CSSセレクタ - アンテナ型モジュール」 また、全てのクラス名はこちらでまとめられています。 id:smoking186:20030218#1045504830 はてなダイアリー兼tDiary用cssのテンプレート ht
font-weight－スタイルシートリファレンス
font-weightプロパティは、フォントの太さを指定する際に使用します。 9段階の太さを指定することができますが、一般的なフォントでは9種類の太さが用意されていることはあまりなく、 フォントの太さとして実際に指定する値は｢bold｣のみで事足りることが多いようです。 ■値 数値で指定 100、200、300、400、500、600、700、800、900でフォントの太さを指定します。太さが9種類用意されているフォントはあまりないため、数値を上下させても太さが変化しないことがあります。標準の太さは400で、数値が小さくなるほど細く、大きくなるほど太くなります。 キーワードで指定 normal …… 標準の太さです。（数値で400を指定した場合と同じ） bold …… 一般的な太字の太さです。（数値で700を指定した場合と同じ） lighter …… 相対的に一段階細くします。 bolde
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSSデザインの基本] H(見出し)の作り方 | 田中勇輔のブログ
so-network.biz
見出しタグhxのリンク色（a）の変更について HTML 知識Ｚ（ゼータ）
はてな[日記タイトルを画像にする・日記タイトルに背景画像を入れる2]