メイン

html/CSS覚書 アーカイブ

2010年03月02日

CSS覚書.1

久々にCSSをいじると結構忘れている。
忘れないよう覚書。

タグに関して
a link: リンクの色指定
a hover:  リンク文字にオンマウスしたときの指定
a visited: 一度訪れたページ

なお、hoverでは、background が利用できます。
これ便利かも。

fontに関して

font-family : 書体
font-color : 色
font-size :サイズ
font-weight :太さ
font-style : 斜体指定

font指定は基本的なことなんだけど、意外と忘れていて、今回再認識した感じ。

やばいやばい。


2010年03月14日

レイアウト組み方の話

サイト作成について考えた。
今回は、レイアウトを組むときの話。

5年前、自分がWeb業界を目指して勉強をしているときは、テーブルタグでのレイアウトが普通だった。
全体をテーブルタグで組むときは、
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
を指定する。
そうしないと、body内テーブルタグ間にスペースが出来てしまう。
(suzumeではこれを失念していて苦労した)
後は<table>、</table>を利用し、レイアウトを組む。

フルCSSでサイトを作る場合は、テーブルタグは使わない。
そういうときは、margin、padding、borderを利用する。

paddingは内容(コンテンツ)とborderまでの距離、
marginはborderとborderの間の距離となる。

結構、基本的なことだが、作っていないと忘れてしまう。

ここ数年、制作業界ではサイト組むなら、css使用はもちろん、レイアウトはフルCSSが当然、という風潮がある。だが、実際の現場では、そうはいかない。担当のスキル、予算やスケジュールなどの事情も絡み、すべてのサイトがフルcssではない。
ヤフーサービス直下のページでもテーブルを5重くらいにして組んでるページもあるらしい。現場はそんなものだ。

管理人:中西 広充 

Webディレクター。創部線の会所属。

出版社で野球雑誌の編集を12年経験。退職後、さまざまな業界でWeb製作、運用に関わる。
週末は基本的に、週末ファーマーズ倶楽部に参加し、畑でハーブと野菜つくり、朝市参加と活動中。夢は自分の農園を持つこと。その夢をかなえるためにも、サイトのタイトルを「中西ファーム」と一人で決定。

趣味は猫に遊んでもらうこと、ハーブ、野菜つくり、飲食店のショップカード収集。ショップカードは数えたら300枚を突破。相互リンク、その他何かありましたら、お気軽にanother_28@yahoo.co.jpまでよろしくお願いします。

カレンダー

2014年12月
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

関連サイト

About html/CSS覚書

ブログ「中西ファーム」のカテゴリ「html/CSS覚書」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

前のカテゴリはblogです。

次のカテゴリはmobileです。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。