CSSのCSSコア構文と導入の基本的な概念

基本的な概念のCSS

何CSSのですか?CSSはカスケーディング・スタイル・シートであることを覚えている、多くの言葉による説明を知っている必要はありません、HTMLページの構造、ページスタイルを担当し、CSS、静的ページの相互作用を担うjavascrtです。CSSは、編集する機能スタイルのページオブジェクトとモデルで、位置のページのレイアウト要素のピクセルレベルの正確な制御を可能にします。詳細はを参照してくださいCSS百度百科その歴史、言語、言語とその他の基本的な特性を理解、それも良いです。

ラベルのプロパティは、静的なページの効果を示すことを決めた、あまりにも面倒な変更に必要なもののページの修正ラベル・バージョンなどのブラウザを識別するために早い段階で、label属性が多すぎる、確かに体全体に影響を与えるように記述することができます!また、開発者のために、コードがW3CSため、ワイドウェブコンソーシアムは、標準、タグに関連するスタイル属性によってHTMLとCSSセレクタの相分離、これの改善を開発した世界で、長いあまりにも肥大化していますhtmlコードとCSSスタイルの可用性。

CSSコア構文

1.css内部スタイル、外部スタイル、(また、インラインスタイルと呼ばれる)、インラインスタイルに分けコアCSSの構文の一部を紹介する3つの方法で、最終的な効果は同じプレゼンテーションのページです

セレクタ:からなる2.css {特性:}、及び{プロパティ:}セレクタとも呼ば宣言部、注釈およびノー​​トCSS用HTML異なること< - - ノートセクション!>コメントは、* / *コメントセクションとして表現しました/

RGB色に3.cssは、赤、緑、青のカラーモード、ディープカラーは、システムのデフォルトのカラーである0〜255個の番号に対応します

3.1色が示す色(255,0,0)赤、百分率(100%、0、0)として表さ場合

3.2カラーはまた、例えば、特定の英語の単語のように表すことができる:赤、緑、赤は緑で、青色等、青色であります

3.3デザイナー、カラーバンド16は、10で16で表されるように、この15、AF残りから始まる、0-9 10に従うことができ、色表現は#始まりである、例えば、赤色位FF0000 => RGB(255,0,0)はこの繰り返しは、#F00として示され、2のように書くことができます。

。1  <!DOCTYPE HTML > 
2  < HTML LANG = "EN" > 
3  < ヘッド> 
4      < メタ文字セット= "UTF-8" > 
5      < メタ= "ビューポート" コンテンツ=「幅=デバイス幅、初期スケール1.0 = " > 
6      < タイトル>基本的な概念とCSSコア構文は、CSS記述</ タイトル> 
7。     <! - CSS外部スタイル- > 
8      <! - CSSスタイルファイルを作成し、.cssのファイルの終わりに次の、その後、 <リンクのrel =「スタイルシート」により、
外部スタイルへのhref =「」>リンク9     {DIV
 10          色ブルー;
 11は     } - > 
12である     <! - <リンクREL = "このスタイルシート" HREF = "demo.css"> - > 
13である 
14      <! - CSSスタイル内部- > 
15      <! - <スタイルタイプ= "テキスト/ CSS">
 16          DIV {
 17。             色:青;
 18である             }
 19。     </スタイル> - > 
20である 
21である     - <!色は三つの形式で表示される- > 
22である     < スタイルタイプ= "テキスト/ CSS " > 
23          。BOX1 { 
24              カラーブルー; / * 英語の単語名* / 
25  RGB(255,0,0); / * RGB 0-255 * / 
26  RGB(100%、0、0); / * インプレッションの割合(%)* / 
27              / * カラー:#FF0000; * / #F00 ; 
28              } 
29      </ スタイル> 
30  </ ヘッド> 
31が < 身体> 
32      <! - <divのスタイル= "色:ブルー;"> CSSの3種類内部スタイルスタイル、外部スタイル、インラインスタイル(インラインスタイル)</ div>を導入- > <! - インラインスタイル(インラインスタイル)- > 
33である     < DIV クラス=「BOX1」> 3つのスタイルがインテリア、エクステリアスタイル、インラインスタイル(インラインスタイル)に組み込まれたCSSスタイル、実行の順序は、第一の外部スタイルし、次いで合わせた内部スタイルは、インラインスタイルを行う</ DIV > 
34である </ ボディ> 
35  </ HTML >

おすすめ

転載: www.cnblogs.com/dhnblog/p/12305693.html