マークアップ言語 - CSS レイアウト
|
123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックしてください。 CSS チュートリアルを表示するには、ここをクリックしてください。 上記:マークアップ言語 - 印刷スタイル。第 12 章 CSS レイアウト これまで、本書では主にページの内部要素、つまりコンテンツについて説明してきましたが、より大きな構造についてはどうでしょうか。長い間、デザイナーは列レイアウトにテーブルを使用し、適切な間隔と視覚効果を実現するために、テーブル内に他のテーブルをネストすることがよくありました。このような巨大なレイアウトは、ダウンロードが遅く、メンテナンスが難しいだけでなく、テキスト ブラウザー、スクリーン リーダー、および小型画面のデバイスでは正しく読み取ることができません。 この章では、4 つの一般的な方法を使用して、CSS と構造化マークアップ構文を組み合わせて 2 列のレイアウトを作成します。テーブルをネストしたり、間隔を空けるために GIF を使用したりしなくても、列レイアウトを作成できることがすぐにわかります。 後ほど「拡張ヒント」で、Windows 版 Internet Explorer 5.0 のボックス モデルの問題とその回避方法について説明します。また、CSS を使用して等幅の列を実現するための簡単な秘訣も紹介します。 前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む |
<<: MySQL データ アーカイブ ツール mysql_archiver の詳細な説明
推薦する
MySQLのファジークエリのような遅い速度を解決する方法
質問: インデックスは作成されているのに、Like ファジー クエリがまだ遅いのはなぜですか?インデ...
デジタル時計効果を実現するJavaScript
この記事では、デジタル時計効果を実現するためのJavaScriptの具体的なコードを参考までに紹介し...
Docker で Confluence をデプロイするための完全な手順
Confluence は有料ですが、クラックして使用できます (購入が推奨され、正規版がサポートされ...
トップ 10 Js 画像処理ライブラリ
目次導入1. 異食症2. レナ3. コンプレッサー4. ファブリック5. ぼかす6. 画像を結合する...
Linux カーネル デバイス ドライバーのメモリ管理に関する注意事項
/************************ * Linux メモリ管理 *********...
CSS セレクタの 4 つのカテゴリ: 基本、組み合わせ、属性、疑似クラス
セレクターとは何ですか?セレクターの役割は、セレクターを介して要素を見つけ、CSS スタイルを要素に...
スクロールラグの問題を解決するためのオーバーフロースクロールの詳細な説明
序文div またはモジュールに overflow: scroll 属性を使用すると、iOS フォンで...
Linuxドライバのプラットフォームバスの詳細説明
目次1. プラットフォームバスの紹介1.1. Linuxドライバの分離と階層化1.1.1. Linu...
サーバー上の php-cgi.exe プロセスが多数存在し、CPU が 100% 占有される問題の解決方法
Windows 2003+IIS6 の fastcgi 構成ファイル fcgiext.ini を最適...
MySQLのslave_exec_modeパラメータの詳細な説明
今日、slave_exec_modeというパラメータを偶然見ました。マニュアルの説明から、このパラメ...
webpackでHMRを手動で実装するいくつかの方法
目次1. はじめに2. GitHub 3. 基本構成プロジェクトディレクトリパッケージ.json c...
vite+vue3+element-plus プロジェクトをビルドする手順
viteを使用してvue3プロジェクトを構築するターミナルで次のコマンドを実行すると、Vite を使...
WeChatミニプログラムで検索キーワードを強調表示するサンプルコード
1. はじめにプロジェクトで要件に遭遇したら、データを検索してキーワードを強調表示します。要件を受け...
Ubuntu の仮想環境に Django をインストールする方法
Ubuntu コマンドライン ウィンドウで次の操作を実行します。 1. 仮想環境をインストールする...
純粋なCSS3で実装されたネオンライト効果
達成される効果は次のとおりです。 マウスがボタン内に移動すると、ネオンライトのような効果が生成され、...