CSS スキル コレクション - 古典の中の古典

CSS スキル コレクション - 古典の中の古典
リンク上の点線のボックスを削除します

コードをコピー
コードは次のとおりです。

a:アクティブ、a:フォーカス{
アウトライン:なし;
}

デフォルトでは、Firefox はリンクにフォーカスが当てられたとき (またはクリックされたとき) に点線の境界線を追加しますが、上記のプロパティを使用してこれを削除できます。

最もシンプルなCSSリセット

コードをコピー
コードは次のとおりです。

* {
マージン: 0; パディング: 0
}

リンクを折り返さない

コードをコピー
コードは次のとおりです。

{
空白:折り返しなし;
}

上記の設定によりリンクの折り返しを回避できますが、個人的には長いリンクには対応する行を設けることをお勧めします (行の折り返しに関する議論については、円の中心の記録を参照してください)。

Firefoxでスクロールバーを常に表示する

コードをコピー
コードは次のとおりです。

html{
オーバーフロー:-moz-スクロールバー-垂直;
}

その他の Mozilla/Firefox のプライベート CSS プロパティについては、こちらをご覧ください。クロスブラウザのサポートが必要な場合は、

コードをコピー
コードは次のとおりです。

本文、html {
最小高さ:101%;
}

行の高さを使用して垂直方向に中央揃えする

行の高さ:24px;

固定幅のコンテナを使用していて、行を垂直方向に中央揃えする必要がある場合は、line-height を使用します (高さは親コンテナと同じになります)。垂直方向の中央揃えの概要については、ここを参照してください。

透明容器フロート

コードをコピー
コードは次のとおりです。

#主要 {
オーバーフロー:非表示;
}

ブロック要素を水平方向に中央揃えする
マージン:0 自動;
実際には、

コードをコピー
コードは次のとおりです。

左マージン: 自動;
右マージン: 自動;

このテクニックは、ほとんどすべての CSS の教科書で説明されています。幅を追加することを忘れないでください。 Exploerでも使えます

コードをコピー
コードは次のとおりです。

体{
テキスト配置: 中央;
}

次に内部コンテナを定義します

テキスト配置: 左;

回復する。

Exploer テキストエリアのスクロールバーを非表示にする

コードをコピー
コードは次のとおりです。

テキストエリア {
オーバーフロー:自動;
}

Exploer デフォルトでは、テキストエリアには垂直スクロールバーが表示されます (理由は聞かないでください)。

印刷ページ番号を設定する

コードをコピー
コードは次のとおりです。

h2 {
ページ区切り前:常に;
}

page-break-before 属性を使用すると、Web ページを印刷するときのページングを設定できます。

<<:  JavaScript 関数呼び出しの典型的なサンプルコード

>>:  CSS ラベルモード表示プロパティの詳細な説明

推薦する

MySQLで重複行を削除する方法

SQL文 /* MySQL で重複行を削除するいくつかの方法 ---Chu Minfei ---20...

Windows 10 に付属する仮想マシンのネットワークを設定するための詳細な手順 (グラフィック チュートリアル)

1. サーバー ホストをクリックし、右側の操作リストで [仮想スイッチ管理] をクリックして、仮想...

ランダムロールコールテーブルを実装するためのネイティブJavaScript

この記事では、JavaScriptのランダムロールコールテーブルの具体的なコードを参考までに紹介しま...

VueコンポーネントライブラリElementUIはテーブルリストのページング効果を実現します

ElementUIはテーブルリストのページング効果のチュートリアルを実装しています。参考までに。具体...

Vite と Vue CLI の長所と短所

Vue エコシステムには Vite と呼ばれる新しいビルド ツールがあり、Vue CLI よりも 1...

MySQL セレクトキャッシュメカニズムの使用に関する詳細な説明

MySQL クエリ キャッシュはデフォルトでオンになっています。ある程度、クエリの効果は向上しますが...

Linuxは、単一のIPをバインドするためにデュアルネットワークカードを実装するためにボンドを使用します。サンプルコード

ネットワークの高可用性を実現するには、複数のネットワーク カードを仮想ネットワーク カードにバインド...

Win7 x64 に解凍版の mysql 5.7.18 winx64 をインストールするとサービスが起動できない問題を解決します

今日、mysql の公式サイトから mysql-5.7.18-winx64.zip をダウンロードし...

MySQLをインストールして設定し、ルートパスワードを変更する方法

1. インストールapt-get install mysql-server にはアカウントとパスワー...

jsはショッピングウェブサイトの商品の拡大鏡効果を実現します

この記事では、ショッピングサイトの商品の拡大鏡効果を実現するためのjsの具体的なコードを紹介します。...

mybatis-plusページングパラメータが渡された後、SQLのwhere条件にはページング情報操作の制限がありません

2時間近くかけて、さまざまな方法を試しました。後で、whereでフィルタリングした後のデータ量が1ペ...

CSS プロパティ display:flow-root 宣言を 1 つの記事でマスターする

zhangxinxu より https://www.zhangxinxu.com/wordpress...

HTML チュートリアル: よく使われる HTML タグのコレクション (6)

導入された HTML タグは、必ずしも XHTML 仕様に完全に準拠しているわけではありません。実際...

MySql 5.6.36 64 ビット グリーン バージョンのインストール グラフィック チュートリアル

MySQL のインストールについてはインターネット上に多くの記事がありますが、今日ノート PC にイ...

大量のデータをMySQLにインポートする際に発生する問題と解決策の分析

プロジェクトでは、SQL を使用してデータ分析を実行するために、大量のデータをデータベースにインポー...