ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS.DIV Web ページのスタイルとlayout_html/css_WEB-ITnoseに精通している

CSS.DIV Web ページのスタイルとlayout_html/css_WEB-ITnoseに精通している

WBOY
リリース: 2016-06-24 11:49:06
オリジナル
1099 人が閲覧しました

CSS: カスケード スタイル シート?? カスケード スタイル シート


コンセプト: Web ページのスタイルを制御し、Web コンテンツからスタイル情報を分離できるマークアップ言語。


CSS セレクター:

1. タグ セレクター

 h1{color:red;font-size:10px;}
ログイン後にコピー


2. カテゴリ セレクター

  .class{color:red;font-size:10px;}
ログイン後にコピー


3. ID セレクター

#id{color:red;font-size:10px;}
ログイン後にコピー


コンセプトフィルタの:

CSS フィルタはブラウザのプラグインではなく、CSS 標準に準拠していません。ブラウザの機能を強化するために Microsoft が特別に開発し、IE ブラウザに統合されている機能の一種です。


概要画像:


CSS テキスト効果: Web ページを美しくするには、テキスト効果が不可欠です。美しいテキストはウェブページをより美しくします。

テキスト属性: フォント、サイズ、色、太さ、斜体、下線、下線、取り消し線、大文字小文字。

例: 次のテキスト効果


コード:

body{	font-size:24px;  /*文字的字体*/	color: #fff;     /*文字的颜色*/	font-weight:bold; /*文字加粗*/	font-style:italic; /*文字斜体*/	/*文本阴影效果*/	text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816;	}
ログイン後にコピー
段落効果:

1. 配置: 水平および垂直

2. 間隔の設定: 行間隔、文字間隔

3. イニシャル文字ズームイン

画像効果:

1. スタイル: 画像境界線、画像ズーム

2. 配置: 水平、垂直

3. 混合配置: テキストの折り返し

概要:

CSS は変更可能ウェブページ内のオブジェクトの位置と組版をピクセルレベルで正確に制御でき、Web ページのオブジェクトとモデルスタイルを編集する機能があり、予備的なインタラクティブデザインを実行できます。強い可読性を持っています。


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート