[B! webデザイン][CSS] pri_lightのブックマーク

pri_light id:pri_light

webデザインとCSSに関するpri_lightのブックマーク (4)

SAB-webカスタマイズ
ブログテンプレートの改装と、新しいレイアウトについて見直し・学習をしています。宜しくお願い致します。管理人...続きを読む覚書。ナビゲーションメニューなどのリンクをJavaScriptなどで構成する場合において、検索エンジンはJavaScriptやCSSを読まないため、何らかの方法でリンクを記述しておく方法がある。検索エンジンは＜noscript＞タグ内のテキストを認識できるため、＜noscript＞タグを使用し、リンクテキストを記述しておくことは重要である。 JavaScriptとCSSだけで構成されたトップページは、検索結果にサイトの説明文が表示さ...続きを読む
pri_light 2011/05/04
webデザイン

css
リンク
ボックスモデルの解釈の不具合（IE）
スタイルシートの認識の違い一部のInternetExplorerでは、CSSの『width、height、border、paddingプロパティ』において解釈の不具合があり、ボックスの表示サイズに既知のエラーがあります。対象は以下のブラウザです。 InternetExplorer 5.5以前のバージョン InternetExplorer 5.5以降のバージョンかつ互換モードで表示時ブラウザの標準/互換モードの起動やDOCTYPEスイッチによるこれらの切り替えについては『ブラウザ別標準・互換モード対応表』をご覧ください。具体的な不具合ボックスモデルでwidth/heightプロパティを指定した場合、「width/heightプロパティは要素内容の縦横の長さを指定するもので、パディング（padding）とボーダー（border）を含まない」とCSSで定義されています。従って、実際の
pri_light 2010/03/31
CSS

Webデザイン

web制作
リンク
ブロックレベル要素のセンタリング
blog全盛の時代にhtmlファイルを手書きしている人はそれほど多くはないのかもしれませんが，未だに汎用エディタを用いてウェブページを作成していらっしゃる方もいるかと思います．かく言う私はもちろんエディタで直書き派でして，linux環境でemacsを用いて書いています．emacsのhtml入力補助も導入していなくて（勝手に改行されて腹が立つ），単にhtml用のカラーリングをしているだけです．他に，weexというhtml更新専用のftpソフトを用いています．このソフトはローカルのディレクトリとリモートのディレクトリ（一般にはhtmlファイルを置くディレクトリ）を同期させるソフトで，ローカルのディレクトリを変更すれば，その変更分だけリモートのディレクトリにアップデートしてくれるという優れものです．親切にもローカルディレクトリで消したファイルやディレクトリまでリモートにきっちり反映して綺麗さっぱ
pri_light 2010/03/31
html

CSS

Webデザイン

web制作
リンク
idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回
pri_light 2010/03/29
CSS

Webデザイン

web制作

HTML
リンク
1