フォント、フォント/背景シリーズの動作
フォントファミリ、サイズ、スタイル、重量、および複合フォント言葉遣い
p.ex1 { フォント:イタリックのArial、サンセリフ。 } p.ex2 { フォント:斜体太字12ピクセル/ 20ピクセルのArial、サンセリフ。 }
背景色、画像、リピート、位置、付着および背景複合言葉遣い
本体 { 背景:#00FF00 URL(bgimage.gif)なしリピート固定天。 }
ブロックレベル要素と内側の列と内側の列のブロック要素を含むそれらの効果素子を実証
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <タイトル>タイトル</ TITLE> <スタイル> H2 { フォントファミリ: '微軟雅黒'; } .strong { フォントファミリ: "のTimes New Roman"、ガルーダ、セリフ。 フォントサイズ:は50px; フォント重量:600; フォントスタイル:イタリック; } スパン{ 表示:インラインブロック。 高さ:100pxに。 幅:200pxの。 } { 色:#333333。 / *テキストインデント:2ピクセル、最初の行のインデント素子2 * / / *ボイドの垂直中心線との中間の下に* /プッシュ文字の高空隙に単一のテキスト 行の高さ:40ピクセルと、 } .setBlock { 表示:ブロック; 高さ:20ピクセル、 幅100ピクセル; } .Inline { 表示:インライン; } A:{リンク 色:#333333; } A:訪問{ 色:#00FF00; } A:ホバー{ カラー:#1 FF00FF; } A:{アクティブ 色:#0000FF。 } 入力:フォーカス{ 色:赤。 } 入力{ 幅:100pxに。 高さ:は50px; } DIV { 高さ:100pxに。 幅:300ピクセル; / *背景画像:のURL( "./背景-IMG-repeat.png"); * / / *背景リピート:なしリピート; * / / *背景色:青; * / / *!*背景位:中央上部; * /! / * * X轴一定是20 Y轴一定是50 * /! / *背景位置:20ピクセルは50px; * / / * *视差滚动* /! / *背景-添付ファイル:スクロール; * / / *背景:青のURL( "./背景-IMG-repeat.png")ノー・リピート固定20ピクセルセンター; * / / *背景色の半透明のボックス内の内容は* /変更されない 背景:RGBA(0,0,0,0.1); } </スタイル> </ head> <body> <H2> Wangyue </ H2> <P>どのよう宗夫?齊魯清卓越した。</ p型> <p型>幸運の鐘Shenxiu、ヤンはかすかな夜明けを切りました。</ p型> <p型>スイング胸生層雲一度、鳥に入る眼角なければなりません。</ p型> <=「強い」のp-Class>は非常に陵、小さな丘のリストになります。</ p型> <a href="#">豚ページ</a>の <種類のINPUT =「テキスト」> <入力タイプ= "テキスト"> の<input type = "text"> <P>ブロック要素:H1、P、DIV、UL 、リチウム、オールDIVは、幅と高さを提供最も一般的なブロック要素であり、マージン、及び単独でパディングラインを占めることができる、コンテナ要素</ P> <P>ブロック要素内の行:IMG、入力、 <P>注:ラベルはブロック要素</ P>の内側に配置することができます <div>目に見えない翼</ div> </ BODY> </ HTML>