ホームページ  >  記事  >  ウェブフロントエンド  >  02-CSS仕上げ_html/css_WEB-ITnose

02-CSS仕上げ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:38:44978ブラウズ

1. 概要

CSS (カスケード スタイル シート)

HTML よりも強力なページ レイアウトと美化ツールを提供します

CSS は Web ページのコンテンツと表示スタイルを結合します。分離により、表示機能

2. CSS と HTML の組み合わせ

1. スタイル属性メソッド (インライン スタイル): 柔軟だが面倒、ローカル修正のみに適している

2. スタイルタグ方法(組み込みスタイル):CSSスタイルをHTML Pageの頭に挿入しました。

="text/css">

4. 接続方法:

: 范 范 コード仕様: セレクター名 {属性名: 属性値 ...}、複数の属性値スペースで区切ってください


HTML タグ名を使用します

font {background-color : #FFFF00; カラー: #FF0000; }

.p2 {font-size ; 拡張セレクター

4 関連セレクター: (コンテキスト セレクター) 、ネストされた 1 つのラベル、別のラベル

p font {font-size:1cm}異なるラベルスタイルは同じです

a:link {color:red} a:visited {color:blue}a:hover {color:black} a:active {color:yellow {color:yellow }

5. 共通操作(属性と値についてはヘルプマニュアルを参照してください)

1. フォント設定: フォント、色、フォントサイズ、フォントファミリー...

2. テキスト設定: text-intent、text-align...

3. 背景設定: 背景、背景色、背景位置...

4. リスト設定: リストスタイル...

5. ボックスモデル: ボーダー、マージン、パディング

6位置設定:position、float、clear、z-index

‐ ‐ ‐ ‐ へ

7. マウスのスタイル設定: カーソル 🎜 🎜 🎜 🎜 8..... 🎜 🎜 🎜 🎜 🎜
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。