html+css知識集_html/css_WEB-ITnose-htmlチュートリアル-php.cn

1.学网页最好的方法：学习别人的网页。

2.文档结构

(超文本标记语言)

3. 字体标记,大小为7，颜色为红色

4. 加粗

加强语气

斜体 加强语气

上标

下标

换行

水平线、占屏幕的80%宽,大小，实体型

下划线

删除线

段落

标题

5.meta标记

(1)放在head标记里面

(2) 设置网页关键字

(3) 设置描述

(4) 设置作者

(5) 设置字符集 ，content-type表示中文，

(6) 设置页面定时跳转

6.

7.不懂看w3cschool帮助手册

8.

9.某些html标记有一些默认值

10.用适合的html标记去描述我们的网页

11.80%与80px的区别

12.记住制作网页的过程

13. 整段缩进2个字符 ，定义一个块引用，及转载的地址

14. 预格式化

15. 空格

® 商标号

& &

< <

> >

" "

16.无序列表 type的值:disc,circle,square

有序列表 type的值:A a 1

自定义列表

17.gif(图形交换格式)：256种颜色，支撑透明色，动画

jpeg(联合图像专家组):1670种颜色

png(网络可移植格式):1670种颜色，支撑透明色

18.

19.绝对路径 相对路径 src="01.png" src="pic/01.png" src="../01.png"

20.html的作用------控制页面显示

21.表格

表题

1 2

22.

23.

24.

锚链接

xx.html页面の锚点#name

25.

男

女

北京

南京

广州

北京

南京

26.web标標準構成:结构xhtml、表现css(层叠样式表)、行用javascript 好处：表现和内容分离

27. 选择器{プロパティ:值；}

29.想用一特殊的字体，可以考虑用图片表示；设计的時候用通用字体

30.長さ单位:em px

31. Web ページのメソッド (1) 埋め込み:

(2) 埋め込み:

(3) 外部リンクの種類:

(4) インポートの種類: @import url(""); 4. ワイルドカード: *

5. インクルードセレクター: body p (一般的に使用される)

6. セレクターのグループ化: p、div、body

7. タグ固有のセレクター: p#class

8. 組み合わせ選択 シンボル: h1.p1、#conternt h1、h2

33.css スタイルの特徴 1. 継承: 子要素は親要素の一部のスタイルを継承します

2.子要素は親要素のスタイルをオーバーライドします

3. 後のスタイルは前のスタイルを上書きします

34.CSS スタイルの優先順位 1. 埋め込み--埋め込み--外部リンク--インポート 2. !重要な権限昇格

35. Text 1.text -indent:2em

2.text-align:left center right

3.white-space (オブジェクト内の空白処理): 通常のnowrap前

4.vertical-align (垂直配置)要素): sup サブトップ text-bottom

5.color:#FFFFFF，red

6.font-size:12px

7.font-family:Arial,'宋体'

8.line-height:1.5 em

9.font -weight:bold,normal(normal)

10.font-style:normal italic(italic)

11.text-decoration:none 下線 上線 取り消し線

12.letter -spacing(文字間隔):通常の長さ

13.word-spacing(単語間隔):通常の長さ

36. 疑似クラス 1. :link 未訪問 :visited 訪問済み

3.マウスをリンクに移動します

4. :アクティブ マウス クリック リンク a.a1:link{}

37. 命名方法 1. キャメル ケース: navMenuRedButton

2. パスカル: NavMenuRedButton

3. ハンガリー: red_navMenuButton

38.ボックスモデルのコンテンツ

padding 内側のパディング (外側のレイヤーの幅が変わってしまうため、この属性を簡単に外側のレイヤーに追加しないでください)

border border

margin 外側のパディング (この属性を外側のレイヤーに追加しないでください)外層の幅が変わるので簡単です） 式：=content+(padding*2)+(border*2)+(margin*2)

39: margin:20px: 上、右、下を意味します。 、左

margin:20px 20px: 上、下、右、左を意味します

margin:20px 20px 20px: 上、右、左、下を意味します

margin:20px 20px 20px 20px

margin:0 auto を意味します。ボックスは中央に配置されます

40。 border:1px 実線の赤: 上、右、下、左の境界線のピクセルが 1、実線、赤であることを意味します 41 使用する要素のデフォルトの内側と外側のマージンをゼロに設定します。

42.padding:10px: 上、右、下、左を意味します

43. リスト list-style:none 外側 none; : リストのスタイルがなしであることを意味します

44. ブロック要素: div、p 、body、h1~h6 はコンテナとして使用でき、単独で 1 行を占有します

2. インライン要素: a、span

3. 渡すことができます: inline 要素: { display:block;} インラインをブロックにします。インライン要素の高さと幅を設定すると機能します

45. 背景の背景: カラー画像のタイリング方法の固定位置

background-color:gold-background-repeat:no-repeat;背景-位置:中央中央 水平方向と垂直方向の中央揃え 背景-添付ファイル:固定固定画像 (スクロールスクロール) IE6 には、この機能をサポートする要素が html と body の 2 つだけです

46 .css スプライト アイデア 1: 同じ画像を 2 つ用意するサイズは異なりますが、コンテンツが異なります。1 つは通常で、もう 1 つは擬似クラスで有効になります

アイデア 2: 合成画像を準備し、background-position: を使用して配置します。

47. レイアウト 1. デフォルトのファイル フロー

2. Float: float:left; フローティングの原則: ファイル フローから分離され、元の位置は次のオブジェクトによって埋められます。 同じ列に複数のバッファーが必要な場合は、浮動小数点方向を同じ方向に設定するだけです

3. 絶対位置指定:position:absolute 原則: 相対オブジェクトが指定されていない場合は、position:relative を使用してオブジェクトに指定します。 " left="" 原則 : ファイル ストリームから分離されておらず、相対オブジェクトは

4. フローティングをクリアします: Clear: Both; サブクラスへのフローティングの影響を排除します .class{clear:both}; 2.overflow:非表示のサブクラスは配置レイアウト 3..clearFix:after{ を表示: ブロック; 高さ: 0; } .clearFix{zoom:1;}オーバーフロー overflov:visible (スクロール バーを切り取りまたは追加しない) hidden (オブジェクト サイズを超えるコンテンツを表示しない) スクロール (スクロール バーを表示する) auto (切り取りまたはスクロール) ストリップ)


2