div ボックス モデルの使用経験の概要
|
ボックスモデルの計算<br />マージン + ボーダー + パディング + コンテンツ CSS の幅と高さは、コンテンツ領域の高さと幅のみを設定します。モデル全体の高さと幅を設定するものではありません。 コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>デモ</title> <スタイル タイプ="text/css"> *{マージン:0; パディング:0;} dl { 背景:赤; 境界線:10px 実線 #000; 幅:100px; 高さ:100px;} dt {背景:黄色;} dd {背景:緑;} </スタイル> </head> <本文> <ダウンロード> <dt>dt のテスト</dt> <dd>dd のテスト</dd> </dl> </本文> </html> マージンとパディングを設定しても、コンテンツ領域の高さと幅には影響しませんが、セカンダリ ボックス モデル領域の高さと幅のみが変更されます。 ボックス モデルがネストされている場合、内側のボックス モデルは外側のボックス モデルに影響を与えます。 |
<<: 純粋なテキストとアイコン付きのボタンを実現するための HTML+CSS
>>: WeChatアプレットで数字当てゲームを実装する実際のプロセス
推薦する
MySQL の FIND_IN_SET() と IN の違いを簡単に分析します
以前、あるプロジェクトでMysql FIND_IN_SET関数を使用したことがありますが、非常に便利...
Dockerfile ビルド中に発生する「/bin/sh: pip: コマンドが見つかりません」という問題の解決方法
記述した Dockerfile の内容は次のとおりです。 Python:3.6.8 から pip i...
HTML でのテキストエリアの使用と一般的な問題およびケース分析
textarea タグはよく使われる HTML タグです。主に長いテキストを入力するときに改行するた...
CSS -webkit-box-orient: コンパイル後に垂直プロパティが失われる
1. 原因要件は 2 行を表示することであり、余分なテキストは 3 つのドットに置き換えられるため、...
Centos8 の Django プロジェクトに nginx+uwsgi をデプロイするチュートリアル
1. 仮想環境virtualenvのインストール1. virtualenvをインストールするpip3...
MySQL 分離レベル操作プロセスの詳細説明 (cmd)
コミットされていない読み取りの例の操作プロセス - コミットされていない読み取り1. 2 つの My...
Linux で Golang をインストールする方法
Go は、シンプルで信頼性が高く、効率的なソフトウェアを簡単に構築できるオープンソース プログラミン...
Alibaba Cloud ServerにMySQLデータベースをインストールする方法の詳細な説明
序文学習中に Zookeeper をインストールする必要があったため、仮想マシンに常に問題が発生した...
MySql 組み込み関数の自習知識ポイントまとめ
文字列関数文字ascii(str)のASCIIコード値をチェックし、strが空の文字列の場合は0を返...
MySQLのGROUP BYステートメントを最適化する方法
MySQL で、id、a、b の 3 つのフィールドを持つ新しいテーブルを作成します。次のように、同...
CentOS7.4 起動時の緊急モードへようこそメッセージに対する解決策
今日は仮想マシンを使って実験をしました。システムをインストールし、いくつかのオプションを最適化した後...
MySQL インデックスの詳細な説明
目次1. インデックスの基本1.1 はじめに1.2 インデックスの仕組み1.3 インデックスの種類1...
MySQL サーバー 5.7.20 のインストールと設定方法のグラフィック チュートリアル
この記事ではMySQL 5.7.20のインストールと設定方法を記録し、皆さんと共有します1. MyS...
MySQL 5.7.18 バージョンのインストール パスのカスタマイズに関する詳細なチュートリアル (バイナリ パッケージのインストール)
インストールパス: /application/mysql-5.7.18 1. 事前準備MySQL 依...
MySQL 8.0 の新機能 - チェック制約の紹介
目次序文チェック制約作成、削除、表示制限要約する序文MySQL 8.0 では、チェック制約という非常...