DIV+CSS 学習のまとめ_html/css_WEB-ITnose-htmlチュートリアル-php.cn

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

WBOY

リリース： 2016-06-24 11:44:21

オリジナル

1168 人が閲覧しました

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 の包括的な応用も学びましたが、十分に習得できなかったので、さらに理解を深めるにはさらに練習する必要があります。 🎜🎜🎜🎜🎜🎜🎜🎜