戦闘へのWebフロントエンドの取得:HTML CSS Wikipediaと埋め込みの一般的な方法

CSS(カスケーディングスタイルシート)は、定義がどのようにWebページの外観を制御するために、HTML要素を表示することを「カスケーディング・スタイルシート」または「カスケードスタイルシート」として翻訳することができます。大幅に作業効率を向上させるページの内容と形式の分離を達成するためにCSSを使用することにより。スタイルは、スタイルシートに格納され、それは通常、外部CSSファイルの<head>セクションやストレージに配置されます。ブラウザベンダーの広い範囲に標準化されたWebデザイン、CSSサポートの傾向として、ますます行くためにWebデザインに適用されています。

新しいウェブページは現在、標準W3Cです。現在のモデルは、それを理解する方法を、HTML + CSS + JavaScriptのであるHTMLはウェブの構造であるということです、CSSは、ページのスタイル、JavaScriptの動作です。構造が出て構築された構造を入れ、その後、飾るためにCSSを使用するために家を建てることです。実際には、あなたが使用することを行うDreamweaverのウェブサイトは、自動的にコードレッド、の.style1を生成します、たとえば、あなたが選択した単語のフォント、サイズと色を設定するには、DWプロパティ]パネルを使用して、CSSを使用しています私はあなたが、これはCSSで、気づいていないの<style> </スタイル>の間知りません。

?優れたHTML要素をレンダリングするためには、HTML 4の初めに使用されているどのようにCSSのCSSを使用するには、.CSSは、次の方法でHTMLに追加することができます導入しました。

  1. インラインスタイル - HTML要素の「スタイル」属性を使用して
  2. 内部スタイルシート - HTMLドキュメントヘッドの<head>地域CSSを含むように、<スタイル>要素を使用して
  3. 外部参照 - 利用外部CSSファイル

何がインラインスタイル特定のスタイルは、個々の要素に適用する必要がある場合、あなたはインラインスタイルを使用できますか?。インラインスタイルを使用する方法は、タグに関連するスタイルプロパティを使用することです。スタイル属性は、任意のCSSプロパティを含めることができます。段落と左余白の色を変更する方法を次の例を示しています。


1  <p style="color:#fff;margin-left:20px;background-color:yellow;">This is a paragraph.</p> 

注:bgcolor属性の定義を使用して、初期の背景色の属性(背景色)。

何が内部スタイルシートは単一のファイルには特別なスタイルを必要とするときは、内部スタイルシートを使用することができます。することができます<ヘッド>の<style>の断面タグは内部スタイルシートを定義しています。

1 <head>
2  <style type="text/css"> 
3 body {background-color:yellow;}
4 p {color:blue;}
5  </style>
6  </head> 

专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)

何で外部スタイルシートはスタイルは、外部スタイルシートは、理想的な選択肢となり時に多くのページに適用する必要がある場合。外部スタイルシートを使用して、サイト全体の外観を変更するには、ファイルを変更することができます。

1 <head>
2  <link rel="stylesheet" type="text/css" href="mystyle.css">
3  </head> 

おすすめ

転載: blog.51cto.com/14592820/2485817
おすすめ