htmlからxhtmlにするとcss


  Share  
|


私はもともと教えて自分のhtml 4.0数年前、しかし、難しいと思ったのxhtmlへの移行を使用してのcss (カスケードスタイルシート)します。 しかし、参加されているため、小さな私はウェブサイトを理解することを余儀なくされます。 私はこの記事に目を通すの実用的な2つの意味があるの切り替えは、言い換えれば何をしなければならないスタイルシートを使用して、 htmlの仕事をします。

行く行かないんだよ以上の歴史のxhtmlここで、注意しなければならないでもそこには多くの'タグ'非推奨としていたときに使用することは避けるべきでxhtmlにします。

xhtmlでの最初の重要な違いには、フォームの構文を使います。 この言語は、大文字と小文字の区別、小文字で書かれているので、それはすべて、これ以上の使用キャップ! 第二に、 'タグ' 、または技術的な要素には、現在の2つの種類に分類され:もの'を含む'データ、およびそれらのことが'空' 。 前者の例を段落の要素かもしれませんが、終了タグです。 ていることの間には、これらの2つのタグを'に含まれるデータ' 。 たとえば、判決が理解されるデータです。 タグの例を示し、空の改行かもしれない、とは少し違った方法で書いたhtmlに4.0は、以下のとおり: <xmp> <br /> < / xmp >ました。 他の[空にする]の種類は、画像の要素<xmp> <img /> < / xmp >との、水平の規則要素<xmp> <hr /> < / xmp >ました。 通知にスペースがあると、どのように前進する要素の後のスラッシュします。

別のポイントを負担することを念頭に置いては、互換性のためのxhtmlを使用するにはさまざまなデバイス、すべての画像の代替記述する必要があり(つまりを使用する必要があり、 ' alt 'プロパティのイメージ要素、それはもはや単なるオプション)します。 同様に、大規模なことでしょう使用しての' id '属性をxhtml (類似して[名前]属性が、使用され違った-以下を参照) 。

個人的に自分自身のための最大のハードルだったの構文のcssを学習します。 3つの方法を使用するには、実際のcss 、そのうちの1つは、個別の文書を作成しています。 cssの拡張子が。 このファイルが含まれスタイリングのすべての属性の要素がxhtmlコードしています。 cssを配置することもでき'頭'の要素、または要素を組み込むことができ、それをどこでもお客様コード(ご希望の場合の両方を使用して'スタイル'要素)します。 外部ファイルを使用することができ有用で行った変更は、この文書を1つのカスケードを通してお客様のウェブサイトは、そのためのコードを変更する必要があり撤廃して、各ページを開きます。 構文の構成要素は、基本的に'セレクタ' 、のいずれかにすることができ' id 'をセレクタ、クラスセレクタまたはジェネリッククラスを選択します。 このため、例えば、私に与えられた'スペース'要素のid " myimg "じゃあ、私のcssのセクションに行く/ファイルを作成してセレクタ# myimg ( )です。 ここに来るの構文シンボルを意味します。 # idのセレクタ作成いたしましたので、以下の通りで、どのような中括弧に適用され、すべての要素をid "をmyimg "とします。 このようにするかもしれない例:

  # myimg (幅: 200px ;高さ: 100px ;国境: 0px ) 

私に注意して使用し、コロンの代わりに等号を割り当てる値です。 これを行うには失敗した場合のスタイルはありませんして適用されます。 また、それぞれの属性は、後にセミコロンを分離してください。 この構文に従っていない場合はcssを使用する際に発効されませんスタイリングしています。 最後の知っていることが必要です。ご利用を開始するには、どのようにリンクして外部のcss xhtmlドキュメント文書をしています。 巣に<link style="text-decoration: none;" href="mystyles.css" ref="stylesheet">要素だけで、お客様との<head>に行く準備はできています。 そこにはたくさんの新たな方法などのタスクを実行するにcssを位置決めします。 楽しんで遊んでみたが、これらの新たな可能性!

ブルーノは、現在のところ勉強マルサンウェブ開発パートタイム、ホリスティックと同様に無料の健康法と呼ばれる車体に統合します。 彼は彼の余暇ソをafricapic ;彼は踊りを楽しんで火災とは、大きな親和性を爬虫類ます。

これは、記事を追加したブルーノマルサン

Share  

© 2005-2010 E-articles.info All Rights Reserved - Terms and conditions