ホームページ >ウェブフロントエンド >jsチュートリアル >CSS の分類、属性、セレクター
CSS の分類、属性、セレクター
- php中世界最好的语言オリジナル
- 2018-03-19 13:51:081436ブラウズ
今回は、Cssの分類、属性、セレクター、およびCssの分類、属性、セレクターを使用する際の注意点について説明します。以下は実際のケースです。
Css ページを美しくするためにスタイルシートをカスケードするための小さなツール
Category:
インライン(inline)はタグ内の属性の形で表現され、属性名style
は で表現されます。埋め込まれた head タグ内のラベルの形式 タグ名 スタイル h 外側の Head タグと外部ファイルを導入するためのリンク タグ*.css
<link rel="stylesheet" type="text/css" href="file:///D|/SSs/作业/3.12/图标.css" />e
link タグ 
アイコン アイコンを挿入 (プラス アイコン アイコン、パスは必須です)絶対パスにする)
<link rel="shortcut icon" href="xxx.ico" type="image/x-icon"/>
icon アイコン セレクター:
要素を検索し、ラベルにスタイルを適用するために使用されます。
タグセレクター}
class selector.class{}
並置（カンマ追加）セレクター1、セレクター2 -子供（プラス）スペース) 親セレクター子セレクター
属性:
テキスト:
t
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
1.text-indentインデント属性はブロックラベルでのみ使用でき、スパンなどの行ラベルは使用できません
解決策: display:inline-block; 属性を spam に追加して、インライン ブロック ラベルに変えます。
2. 大きいpは小さいpで、親pが幅と高さを設定しない場合、子pの位置によって変わります。
子pにmargin float属性を書くと親pも移動します。
解決策: 境界線を設定するか、親 p の幅と高さを定義します。
3.
の色を変更します
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨書籍:
フロントエンドのHTMLの基礎知識有名なWebサイトのフロントエンドレイアウト分析フロントエンドのCSSの基礎知識以上がCSS の分類、属性、セレクターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。