CSSスタイルの基本的な性質

試写

プレゼンテーションのスタイル

デバッグツール

表示モード

ラインの問題を突破しました

背景スタイル

プレゼンテーションのスタイル

。カラー属性

color: red #FF0000 rgb(255,0,0)

<style>
     span{
        color:#FF0000;
    }
</style>
<span>评论中大奖</span>

B。行の高さの
行の高さの属性、テキストに一般的により大きい78個のピクセル。

<style>
    p{
        font-size:20px;
        line-height:28px;
    }
</style>

C。テキストアライン
テキスト水平に左右センター

D。テキストインデント最初の行のインデント

<style>
    p{
        text-indent:2em; //sh
    }
</style>

電子。テキストの装飾

なし/点滅/下線/ライン・スルー/上線

<em>倾斜</em> <i></i>
<strong>加粗</strong> <b></b>

<u>下划线</u> <ins> </ins>
<s>删除线</s> <del> </del>

モーダルツール

表示モード

ブロックレベル要素

一般的なラベル馬力ULオールdivの李

専用線は、幅の広い高を持っています

行内元素

インラインブロック要素

IMGテーブル入力

モード変換

display : block/ inline /inline-block

注意点

。場合、それらは同一のテキストが水平にセンタリングされることができるようなレイアウトは、列内のインライン要素またはブロック要素であります

B。場合行の高さのレイアウトの高さは、垂直方向に内部行のテキスト。

C。H pは、テキストベースのブロックレベル要素です。したがって、ブロックレベル要素の内部に配置することができません。

D.チェックは、ラベルすることはできませんが、ブロックレベル要素を入れることができます。

すなわち、ラベル層以上ネストされた3つの階層ではないことに注意してください

テキスト行の高さ（垂直中心線要素）によって

顶线 中线 基线 底线

行の高さは、二つのベースライン間の距離であります

背景スタイル

body{
    background-color:pink;
    background-image:url('images/hh.jpg');
    background-repeat: repeat  no-repeat repeat-x  repeat-y
    
    background-position:x y 方位名词（如果方位名词只有一个，那么另一个居中）；数值
    
    background-attachment： scroll | fixed
    
    //background: #ff0000 url() no-repeat fixed center 0
}