CSS の分類、属性、セレクター-jsチュートリアル-php.cn

CSS の分類、属性、セレクター

php中世界最好的语言

リリース： 2018-03-19 13:51:08

オリジナル

1418 人が閲覧しました

今回は、Cssの分類、属性、セレクター、およびCssの分類、属性、セレクターを使用する際の注意点について説明します。以下は実際のケースです。

Css ページを美しくするためにスタイルシートをカスケードするための小さなツール

Category:

インライン(inline)はタグ内の属性の形で表現され、属性名style

はで表現されます。埋め込まれた head タグ内のラベルの形式タグ名スタイル h 外側の Head タグと外部ファイルを導入するためのリンクタグ*.css

<link rel="stylesheet" type="text/css" href="file:///D|/SSs/作业/3.12/图标.css" />

ログイン後にコピー

link タグ

アイコンアイコンを挿入 (プラスアイコンアイコン、パスは必須です)絶対パスにする)

<link rel="shortcut icon" href="xxx.ico" type="image/x-icon"/>

ログイン後にコピー

icon アイコン

セレクター:

要素を検索し、ラベルにスタイルを適用するために使用されます。

タグセレクター

.p{} idセレクター #id{

}

class selector.class{}

並置（カンマ追加）セレクター1、セレクター2

-子供（プラス）スペース) 親セレクター

子セレクター

*{}全ページ

属性:

テキスト:

ext装飾テキスト修正（下線等） ) Text-indent インデント text-shadow Shadow 1px (水平方向の影の位置) 1px (垂直方向) 1px (ぼかした距離) # (影の色)

font-weight font ballad

emは1文字の大きさを表します

Background:

background-position: 属性はpでの画像の位置を上下左右に2つ記述できます

<head>
    <style>        
        #p{ 
        width:100%;
        height:111px;
        background-image:url();
            background-position:34% 0        }
    </style></head><body>
    <p id="p"></p></body>

ログイン後にコピー

bg-位置

background-size