ホームページ > ウェブフロントエンド > htmlチュートリアル > DIV+CSS 学習のまとめ_html/css_WEB-ITnose

DIV+CSS 学習のまとめ_html/css_WEB-ITnose

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

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 の包括的な応用も学びましたが、十分に習得できなかったので、さらに理解を深めるにはさらに練習する必要があります。 🎜🎜🎜🎜🎜🎜🎜🎜
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート