首先我们已经了解过网页设计的基础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つの状態がハイパーリンク
の前にリンクアクセス状態:
:置くと、マウスのホバー状態
:アクティブなマウスクリックの状態
:アクセスの訪れ状態