ヘッドHTMLのCSSの第二版ノート

、引用

  1 < Q >のようなI </ Q >  簡単に「リファレンス」のテキスト部分で、かつ  1 < BLOCKQUOTE >前メンバーAOG aogag </ BLOCKQUOTE >  テキストと参照の独立したディスプレイの大きな体であります

二、<A>

先の作成

。1  < H2 > < ID = "チャイ" >チャイティー</ A > </ H2 > //ターゲットアンカー作成
 2 < のhref = "のindex.html#チャイ" >を参照してくださいをチャイティー</ A > /位置へ/リンク 
コードの表示

、ターゲットアンカーIDに続いて「#」には、ページ上のページへの特定の場所へのリンクをターゲットアンカーを作成するには、id属性。

新しいウィンドウを開くために、ターゲットを使用して、

1  < ターゲット= "_ブランク" のhref = "http://buzz.headfirsttlabs.com" タイトル= "EW" >カフェインバズ</ A >
コードの表示

 第三に、テキストを下線

テキスト装飾:下線

第四に、外部スタイルシートへのリンク

<リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "lounge.css" />

五、フォントファミリの作品

 1つの 本体{ 2 font- ファミリー:MS Pゴシック、ジュネーブ、ゴシック。3 } 

フォントがそうで、初めてではない秒を表示するために、そして場合は、ブラウザを見つけるためにグラム。

第六に、フォントサイズ

1  フォントサイズ:15ピクセル、
 2  フォントサイズ:150%;
 3。フォントサイズ:1.2em //表示スケールフォントサイズが1.2倍であるべきです

七つの国境

ボーダー幅の境界線の幅

境界線のスタイルの境界線スタイル:実線、破線など

ボーダー色の境界線の色

八、要素の幅

我々は要素の幅を設定しない場合、それはすべてのコンテンツ領域の完全な、「オート」にデフォルト設定されます。

そして、我々は唯一の国境のコンテンツ領域、パディング、および境界線の幅を定義することができる要素の幅全体を定義することはできません、これらは要素の幅全体まで追加します。

九、テキスト整列

テキスト整列を設定するテキストを中心要素は、インラインに直接作用する場合、テキストalignプロパティは、その内容の全てが集中しているように、すべてのインラインコンテンツのスタイルの要素の配向に影響を及ぼし、及びテキストのみアラインブロック要素のために使用しますそれは無用です。

例:テキスト整列このDIVを使用する場合DIVはIMGが含まれている場合、画像が中央に配置されます

十、行の高さ

行間隔を決定するために使用することができます

XIブラウザの場所要素

ブラウザは側が2つのインライン要素を側に配置されたときに、左境界要素は10個のピクセルを有する場合、境界の右側に20個の画素がある場合、2つの画素素子間の空間30が存在することになります。

ブラウザブロックは二つの要素が共通の境界の重なりを一緒に入れ、並んで配置されたとき、重なり境界の境界の最大高さ

プロパティフロートドリフトXII

width属性を設定しなければならないためにフロート要素を与えます

明確な属性は、要素は、要素の周りに現れる要素をドリフトすることは許されない、ページ内に流入しています。

明らかなように:右;これはドリフト要素を表示することはできません右の要素を行います

XIII、絶対配置

位置:絶対;

そして、フロー要素は、要素の絶対配置の存在を無視し、それはもはや仕事は明らかではありません

第四に、確保アレンジメント

 固定レイアウトを使用した後は、要素の場所に滞在する置き、その後、移動しませんでした。

位置:固定

XVテーブル

表の左側のヘッダではなくトップの場合は、ヘッダ要素は、元の最初の行を置換する各ラインに配置されたテーブルに必要であろう。次に、各行の先頭に<TH>要素、最初の行のヘッダの全てのそれぞれ。

ボーダー崩壊:崩壊、隣接する二つの境界は、単一のフレームにまとめることができ

ボーダー間隔:MPXは、境界線の間隔が提供します

垂直整列:上/下/中心、垂直配置でテーブル

XVI一覧

1、 list-style-type:disc/circle/square/none; 设置列表前面的样式

2、 list-style-position:inside/outside; 如果属性设置为inside,则文本就会环绕在标记的下面,设置为outside,那么标记就会环绕在文本的下面。

十七、 表单

1、 输入单选框

2、 输入复选框

3、 maxlength属性可以限制用户最多输入的字符数。

4、 表单中的每个输入控件都有一个那么属性,即都有一个唯一的名字,当我们单击提交按钮时,浏览器会将提取的所有名字连同他们的名字一起发给服务器。例如,当你将邮编“90050”输入到名为“zip”的<input>的文本元素时,提交表单后浏览器会发送“zip=90050”给服务器。

注意:<option>元素没有name属性,因为全部的option元素都是由<select>元素创建的,只要一个名字命名就可。

5、 POST和GET

两者都是把表单数据发送给服务器,但是POST,是把表单变量打包后隐藏在后台发送给服务器,GET也是把表单变量打包后,不过在它向浏览器发送请求之前,附加在URL的末端部分。

即POST发送的用户不可见,而GET发送的用户可见。

6、 Fieldsets和legends

7、label标签

8、 文件输入

<input type="file" name="doc"/>

9、 多选属性 multiple

十八、 伪元素选择符

1 p:first-letter{
2     font-size:3em;
3 }//:first-letter伪元素选择符可用于选择一个块元素的第一个字,允许你设置首字大写和首字下沉。
4 p:first-line{
5 font-style:italic;
6 }//:first-line用于选择某一段的第一行文字。

十九、 属性选择符

 

二十、 组合选择符

 

おすすめ

転載: www.cnblogs.com/evanlyf/p/10965152.html