CSSデザインカタログ | d-spica
CSSデザインカタログ 2007-10-30 0 0 Info CSS 6月，すでにサーバーにはUPしてあったのですが，改めて紹介します。 CSSデザインカタログ 自社で更新するというあるクライアントから，デザインのサンプル集みたいなものが欲しいという依頼を受けました。上部のバナー，ナビゲーションメニュー，フッター，コンテンツの主要なパーツ（見出し，リスト，表などを2〜3種類ほど）を入れたテンプレートは作っておいたのですが，ページが増えてきてちょっと違ったデザインが必要になってきたようです。 せっかく作ったので，大勢の人に見てもらえるように公開してみました。ちょっとした更新なら自分でするという方や，ブログデザインをカスタマイズしたいという方の参考になるように，デザインのサンプルとXHTML・CSSのソース，簡単な解説をまとめてあります。 6月の時点では解説の部分が未完成だったのですが，全て
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
CSSの初期化 | d-spica
CSSの初期化 2007-09-25 0 0 XHTML/CSS CSS ブラウザがデフォルトで持っているCSSがあります。たとえばul，liのリストを使った場合，左側に余白が入るようになっています。しかし，margin，paddingなど，同じ要素でもブラウザによって微妙に違いがあります。ブラウザのデフォルトのCSSが違うということですね。（参考： 我的春秋 : 主要ブラウザのデフォルトCSS） 初期化ファイル この違いを解消して，どのブラウザでも同じデザイン・レイアウトを実現させようとするのがCSSの初期化です。 ぼくも，様々なデザインの複数のサイトで使い回せるようにCSSを初期化するファイルを作っています。全てのサイトで使われるものは，ひとつにまとめておいて，新しくサイトを作るときは，それをコピーすればいいようにしておくのです。 スタイル初期化：メモランダム みんなでスタイルシートの
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
![[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
eWeb - ホームページ作成支援 Web Design
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
【HTMLタグの簡単検索】TAG index - ホームページ作成情報