简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

これから何が起こるかを知る CSS_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:37:14
オリジナル
1158 人が閲覧しました

div+css基础

一、外部样式

外部样式

哈哈我又变帅了

--》スタイルを記述するとき、どの形式を使用する必要があります

属性: 値;

--》属性を確認し、使用します

2. タグセレクター

インラインスタイルまたは外部スタイルを使用します

タグ名{

//Style

}

必要な場合、値は属性

--》id セレクター

のクラス名です。

1. 定義構文

#id No. {

//Style

}

使用したい場所に id 属性を追加するだけです

注: 使用する場合、ID は 1 つだけですが、複数存在することもできます。 3 つのセレクターを使用するには、仕様があります

1. 同じスタイルはタグを使用します

2. 異なるスタイルはクラスを使用します

3. 固有のスタイルは ID を使用します (JS でよく使用されます)

2. セレクター宣言

- -》集合宣言

セレクターを宣言し、この属性を必要とするタグをすべて先頭に記述し、カンマで区切ります

p,a,span,h1{

//Style

}

- -》グローバル宣言开号 号

*{

// style

}}}} -》》

ネストされたセレクターは

#TBL#TBL tr td{

//スタイル

}

& lt; /table>

--》疑似セレクター (現在は A タグでのみ使用可能)

はラベルの特定の状態にスタイルを追加するメソッドです

構文:

タグ: state {

//Style

}

link 立てた後

訪問後 クリック後

active クリック時

hover マウスを立てた時

a:link,a:active{

font-size:30px ;

color:blue

text-decoration:none;

}

a:hover{

font-size:30px;

text-decoration:underline; color:red; {

font-size:30px;

text-decoration:none;

color:green;

font-family:中国語楷書;

}

4 つ目は、ドキュメント フローです。左から右、上から下に積み重ねます

position:fixed ドキュメント フローから切り離されます

--> 相対位置指定 絶対

相対位置指定は、ドキュメント フローから切り離されます。 座標に従ってどこにでも配置できます。 、位置は変更前の位置にのみ留まり、スクロールバーをドラッグすると上下に移動します。

#myid1{

border:1px Solid;

border-color:red;

width:80px;

height:50px;

background-color:pink;

position:absolute;

right: 0em;

bottom:0em;

}

--》絶対配置が固定されました

絶対配置はドキュメントフローから切り離されており、座標に基づいてどこにでも配置できますが、ブラウザを変更する際の制御にはjsが必要です

スクロールに関係なく ドラッグしてもバーの位置は変わりません

#myid1{

border:1px Groove red;

background-color:orange;

width:100px;

height:50px ;

position:fixed;

left;0px;

bottom:0px;

}

-->relative

座標は、ドキュメント フローを離れる前の位置に基づいてオフセットされます。

#myid4{

border:1px アウトセットシアン;

background-color:azure;

width:150px;

height:100px;

position:relative;

left:100px;上:100ピクセル;

}

関連ラベル：
数往知来 CSS<十二>
ソース：php.cn
前の記事：easyuiのcss読み込みの問題について教えてください。 _html/css_WEB-ITnose 次の記事：.html() はなぜ 1 回しか実行されない_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1640
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1798
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1533
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1440
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1489
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！