CSS のページ宣言構造-CSSチュートリアル-php.cn

CSS のページ宣言構造

王林

リリース： 2024-07-19 01:56:11

オリジナル

942 人が閲覧しました

Estruturas de declaração de pagina em CSS

CSSとは

CSS は、ウォーターフォールスタイルでページのスタイルを設定するための言語であり、レイアウト、アニメーション、幾何学的形状、フィルター、カウンターなどの設定を追加するために使用されます。

CSSを宣言する方法

インライン CSS: HTML タグ内の style 属性を使用して CSS を追加します。
内部 CSS: 内に追加されます。 HTML ページの;
外部 CSS: 適用されるすべてのルールを含む拡張子 .css のファイルが作成され、このファイルはタグを使用して HTML 内に作成されます。

<head> 
   <link rel="stylesheet"
    href="estilos.css" />
<head/>

ログイン後にコピー

セレクター

タグ: タグで要素を検索します
ID(#): ID を使用して要素を検索
クラス(.): "クラス" 属性
属性セレクター ([attrib]): 特定の属性を持つ要素
ユニバーサル (*): すべての HTML 要素を選択します

コンビネータ

結合器は、設定が共通に適用されるタグセレクターのレベルを結合します。

子孫: 別のタグから派生したタグは、間にスペースを入れて適用されます。例：

div span{
    regra: CSS;
}

ログイン後にコピー

Child: ">" で接続されたすべての直接の子要素。例

ul > li{
   regra: CSS;
}

ログイン後にコピー

隣接する兄弟: 「+」で直接接続されている最初の要素。例：

ul + li {
   regra: CSS;
} 
//Nesse caso, havendo mais que um elemento li na lista, somente o primeiro receberá a regra

ログイン後にコピー

兄弟一般: 同じ親を持つすべての要素を「~」で接続します。例：

p ~ span{
    regra: css;
}

ログイン後にコピー

以上がCSS のページ宣言構造の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSS のページ宣言構造

CSSとは

CSSを宣言する方法

セレクター

コンビネータ