ホームページ > 記事 > ウェブフロントエンド > DIV+CSS 学習のまとめ_html/css_WEB-ITnose
DIV+CSS 学習のまとめ_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:44:211137ブラウズ
DIV+CSS は WEB デザインの標準であり、Web ページのレイアウト方法です。従来のテーブルレイアウトによる配置方法とは異なり、Webページとプレゼンテーションの分離を実現できます。
私は Beef と JS の CSS にたくさん触れてきたので、今 DIV+CSS を学ぶと、もう違和感はなくなり、すべてが心に響きます~~
CSS スタイルをどのように設定しても、 選択とスタイルシートなしで実行します。
スタイルシート
スタイルシートには主に 3 つのタイプがあります。それぞれ、埋め込みスタイル シート、外部スタイル シート、インライン スタイル シートです。
埋め込みスタイル シートHTML の タグの間にスタイル シートを追加します。
例:
<head> <title>示例</title> <style type=”text/css”> #color{ font-color:red;}</style></head> インライン スタイル シート
例:
<h1 style=“color:red”>示例<h1>
Selector最も一般的に使用されるセレクターは、ID セレクター、クラス セレクター、ラベル セレクターの 3 つです。
ID セレクター
HTML では、要素に ID を追加して要素の位置を決定できます。同時に、この ID は一意で反復不可能でなければなりません。 ID によってタグのスタイルを設定できます
例:
p タグに color という ID を設定します。
<link type=”text/css” rel=”stylesheet” href=”css/示例.css”/>
CSS ID セレクターを使用して、タグ内のコンテンツの色を変更します。
<p id=”color”>示例 </p>器セレクター
は、クラス属性をラベルに追加し、クラスを通じてラベルに属性を設定できます。
例:
p タグに color というクラスを設定します。
CSS クラス セレクターを使用して
タグ内のコンテンツの色を変更します。
#color{ font-color:red;} 选择 タグセレクター
。
：
ラベルのテキストの色を変更します
<p class=”color”>示例 </p>E 🎜 🎜 🎜 🎜 🎜 🎜 は、 CSS コンテンツ。これらをマスターすると、他のことをより快適に学ぶことができるようになります。 🎜 🎜 ビデオ学習中に、CSS と JavaScript、CSS と XML、CSS と Ajax の包括的な応用も学びましたが、十分に習得できなかったので、さらに理解を深めるにはさらに練習する必要があります。 🎜🎜🎜🎜🎜🎜🎜🎜
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。