CSS を使用する場合は、DOCTYPE (ドキュメント タイプ定義) を記述することを忘れないでください。 標準ボックスモデル ![]() 1. 要素の分類<br />ブロックレベル要素(ブロック) Div+css (DIV と CSS はどちらもコンテナです) <p> は段落タグであり、ブロックレベルの要素です。 インライン要素 Span はボックス モデルのプロパティに応答しません。 2. 標準フロー<br />ラベルの配置。 3. ボックス モデル<br />要素を 4 のマージンでボックスに入れます (2 つが一緒になったときの最大値を取り、合計は加算しません) 4 つのコンテンツ領域のパディング (幅と高さ) ボーダー4 スタイルは一緒に記述できます。 4. フロート<br />標準の流れから外れます。 5. 配置<br />絶対: 絶対は標準のフローから外れ、要素を含むボックスに対して絶対的になります。 相対的: 元の位置に対して相対的だが、標準フローから外れていない 6. ハイパーリンクのスタイルを設定する a:linkはハイパーリンクの初期状態です a:hoverはマウスを置いたときのホバー状態です a:activeはマウスがクリックされたときです a: 訪問は訪問後の状況です 7. CSS ハック(CSS ハックの詳細については、http://baike.baidu.com/view/1119452.htm をご覧ください) *margin-top:10px!important; /*このルールはIE678のみで認識されます*/ _margin は IE6 でのみ認識されます。 他のコアブラウザは認識できます!重要(優先度を上げる) IEギャップ問題を解決する: 上マージン: -2em 外側の境界線を2e単位上にする 8. 切り取った画像を読み込むときには、これらの3つの属性が存在している必要があります。 背景画像 背景位置 background-repeat: /*繰り返しなし*/ 9. *スペースはすべての要素の設定を表します |
>>: Element-ui レイアウト (行と列コンポーネント) の実装
目次1. 仮想ホスト1.1 仮想ホストの概念1.2 仮想ホストタイプ2. IP仮想ホストに基づく2....
border-radius:10px; /* すべての角は半径 10px で丸められます*/ bor...
システム環境: Windows 7 1. DockerをインストールするDocker公式サイトからd...
CSS でテキストアイコンを実装する方法 /*アイコンスタイル*/ .nav-icon-norma...
序文この記事では、CSS3アニメーションを使用して、円が小さいものから大きく拡大し、外側に広がる効果...
今日、新しい技を学びました。あまりやったことがなかったので、今まで知りませんでした...目的: リン...
最近、テスト サーバーのオペレーティング システムを Cent0S 7.5 にアップグレードし、Py...
この記事の例では、クールなフロントエンドページのスライド検証の具体的なコードを参考までに共有していま...
デフォルトでは、ヘッダーの幅と高さはコンテンツに応じて自動的に調整されます。ヘッダーの幅と高さを手動...
background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...
MacにMySQLデータベースをインストールし、環境変数を設定する手順を参考までに記録します。具体的...
Linux バージョンに関する情報を表示および解釈するのは、見た目よりも少し複雑です。単純なバージョ...
1. ネストされたルーティングはサブルーティングとも呼ばれます。実際のアプリケーションでは、通常、ネ...
計算機の主な機能は数値計算を実行することです。計算機機能の Web インスタンスを開発すると、js ...
サイト上のページを表示するためのリクエストがサーバーに送信されると(たとえば、ユーザーがブラウザでペ...