ポイントCSSの基本を美化するために開発された講演会のウェブインターフェース

    首先我们已经了解过网页设计的基础html,具体怎么美化怎么更加方便的设计文字的样式等方面,所涉及的知识点称为css,在后期网页美化中非常重要。以下主要分两个模块来介绍css。
            第一:常涉及到的三种层叠样式表,分别是:
            1、行内样式表
            <标签 style="样式名:样式值;"></标签>
            该方式不经常使用
            2、页面内样式
            <head>
         <style>
                        标签名{
                                            样式名:样式值;
                                                    }
            </style>
            </head>
            首先在<head>里面嵌套一个 <style><style>          然后具体再在里面进行样式参数取值。
            3、外部链接表
            <head>
             <link rel="stylesheet" type="text/css" href="链接样式表文件.css"/>
            </head>
            首先要在html下的<head>里面加入<link rel="stylesheet" type="text/css" href="链接样式表文件.css"/>其次再新建一个css文件,然后再该文件下编辑样式界面设定语句。
            标签名{
                                样式名:样式值;
                                }
        此时的标签名可以由三种方式,分别是
        类选择器
        .name{}
        调用:
        <any class="name"></any>
        ID选择器
        命名:
        #name{}
        调用:
        <any id="name"></any>
        标签选择器
        标签名{}   
        调用
        <标签>
            注意:id选择器以#开始,单词调用。而class类选择器可以多次调用,以. 开始。
            以上三种层叠样式表的优先级如下:
            行内>页面内>外部样式表
            第二:所涉及常用属性以及属性值

色:赤; //フォントの色:赤
テキスト整列:センター; //テキストは、左/中央/左/右/中央/右/揃え正当中心
フォント重量:太字; //太字大胆/ボールド
フォントスタイル:イタリック; //イタリック
のテキスト装飾:/なしを強調していない; // 下線/削除下線付き
フォントサイズ:19px; //フォントサイズ:19個のピクセル;
フォントファミリー:ゴシック;
フォント:19pxのArial; / /フォントサイズ、フォント、
背景:背景画像の背景の背景色が背景定位位置繰り返す場合
//背景画像のURL(画像のパス)
//反復を繰り返すかどうか/無リピート/ repeat- X /繰り返し-Y リピート/非反復/水平繰り返し/垂直リピート
左、右上部/中央/下垂直左/中央/右横に位置に配置//背景
背景サイズ:正確なピクセル/パーセント/ EM / REM背景画像サイズ制御
背景取付:スクロール; //固定された背景画像の位置スクロールスクロールは、固定された固定
幅400ピクセルと、幅
、高さ:300ピクセルと、高さ
境界:ソリッド1ピクセル#000、境界線:実線の色、線の太さ
リニア:固体実線の二重破線二点鎖線点線境界なし無限
充填:
パディングトップ-
パディング左
パディング右
パディング底
ショート:
パディング:値
パディング:
Aが、同じ充填の四辺の値を表し
パディング。 AB&;
二つの値の垂直を表すが、Bの周りである
パディング:ABC;
三つの値はで表され、Bが約ある、Cのである
パディング:ABCD、
4つの値が表す:上、右、下、左
余白:マージン:値(上記)
* {//ワイルドカード
マージン:0;
パディング:0;}
間隔行の高陵高線
縦線高さの配向と一般的なレイアウトを
行の高さと高度に一貫した、垂直中央にコンテンツ
線はより高いです高さと大きなにおける部分コンテンツ
の部分コンテンツよりも小さい行の高さの高さ
最初の行のインデント
テキストインデント:2EM、最初の行のインデント2つの文字は
フロート:
フロート:左/右、左フローティング、フローティング右
マージン:0自動。水平センター
テキスト変換テキスト変換:大文字/小文字/大文字に
、大文字、小文字、最初の文字が大文字
リスト:
リストスタイルのタイプのリストスタイル
のlist-style-画像リスト画像
リストスタイルの
インライン要素(インライン要素)スパン入力のimgラベルを選択します強いのB
〜H6表UL OL DL形態のブロック要素のdiv P H1を予め
表示:ブロック;(行あたり)ブロックレベル要素に変換
表示:インラインブロックは、ブロック(幅と高さの関数)内の行に変換
表示:インライン;コンバージョンインライン(コンテンツの場所を占める)の要素として、
4つの状態がハイパーリンク
の前にリンクアクセス状態:
:置くと、マウスのホバー状態
:アクティブなマウスクリックの状態
:アクセスの訪れ状態

おすすめ

転載: blog.51cto.com/14584021/2445009