CSSの使用法-java类库-php.cn

ホームページ

类库下载

java类库

CSSの使用法

高洛峰

Oct 08, 2016 pm 03:36 PM

<br/>

ログイン後にコピー

Css（Cascading Style Sheets、Cascading Style Sheets）とは、Cssのオブジェクトプロパティを編集することでページを美化する効果を実現するページ美化手法です。 CSS の操作の基本単位はオブジェクトです。CSS の使用は、C++/C の関数のようなもので、定義、宣言、呼び出しを通じて使用されます。

CSS には 3 つのセレクター (オブジェクトの定義と使用方法) があります: タグセレクター、カテゴリーセレクター、ID セレクター

CSS には 4 つの包含方法があります: インライン、埋め込み、リンク、インポート

タグセレクター:

定義: 参照されるスタイルオブジェクト名 {タグ属性: 属性値; タグ属性: 属性値;…….}

例: h1,h2{text-align: center; タグ属性: 属性;値; …….} または

. クラス名 { ラベル属性: 属性値; タグ属性: 属性値 …….ラベル属性: 属性値;……..< /h1>

(*違い: 後者の形式は、クラス属性値がクラス名であるすべてのタグが、クラスで定義されたスタイルに従うことを意味します)

(例: .right{ は text-align: right;} と定義されています)を呼び出すと、正しい属性を持つラベルがクラスを通じて呼び出される限り、正しい属性が表示されます。; right”>…

;…; および他のタグはすべて右揃え属性を示します)

定義: # id 名 {タグ属性: 属性値; タグ属性: 属性値;…….}

例: #sample{font-family:宋体;

使用:

……

インライン:

セレクターを定義する必要はありません。style 属性を使用して要素を直接スタイル設定します

例:

...

Embedded:

まずセレクターを定義し、の間にスタイルシートを定義します。

例:

<html>
        <head>
           <title>xxxxxx</title>
            <style type=”text/css”>
                p{color: #000FF;}
                .info{font-size: 12px;}
             </syle>
        </head>
 </html>

ログイン後にコピー

リンクの種類:

定義されたオブジェクトは .css 拡張子を持つファイルに個別に配置され、必要な Web へのリンクにはタグが使用されます。ページ、の間。

例:

Import:

は、import メソッドを通じてインポートされることを除いて、link メソッドと似ています。。

例:

CSS スタイルシートの優先順位:

リンクされたスタイル>外部リンクスタイル> ブラウザのデフォルト