html+css基础_html/css_WEB-ITnose

完全な HTML 構造

样式の引用

一。内部書き込み

body {background:black; text-spacing:0.5em}

.div_css1 {align="center" margin:20px}

.p_css1 {color:red;フォント:(スタイル)itlic||oblique (variant)small-caps||none (weight)800(400=norml 700=bold) (size)4em (family)“宋体”||Times New Norman}

(該当する場合: スタイルを 1 回だけ使用します)!!!

#div_css {}

(または ues: だから「class or id =?」とは書かないでください)

div.p {}

div p {}

二。外部参照

超链接的样式

a {} // すべてのスーパーリンク

a:link {} // リンクされたリンクはありません

a:visited{} / /すでにリンクされているリンク

a:hover{} // リンクに移動します

a:action{} // 点击時間

插入flash文件

 

插入ビデオ

插入网页块

插入表单

一。文本入力（账号、秘密号）

账号

秘密コード

二。取引表单

三。单選択

xx

xx

四。多選択肢

xx

xx

xx

 

 五。下拉菜单

xx

xx

xx

     

六。列表（没有下拉）

xx

.......

......

                                    

  悬浮文字框

xx

     

  滚动文字

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

   

 

 表格

  //合并横向

  //合并竖向

xx
xx	xx

 

 文字的一些属性

设置元素内容的文本属性

(1)举例设置文本首行缩进

   text-indent:2em;

(2)举例设置文本对齐方式

   text-align:left | right | center;

(3)举例设置文本修饰方式

   text-decoration:underline;

(4)举例设置字间距

   letter-spacing:2em;

(5)举例设置词间距

   word-spacing:0.5em;

(6)举例空白显示形式 P56

   white-space:pre;

外边距margin:围绕在元素边框之外的可选区域。

内边距padding：文本内容到边框之间的可选区域

 

 元素浮动

浮动：

float

有2个方向: left  right none(不浮动)

对于文字浮动，必须设置高度，宽度，如果不设，后后果自负。

例

清除浮动：

clear:none;  //允许元素的两边都可以有浮动

clear:left;  //不允许左边有浮动元素

clear:right; //不允许右边有浮动元素

clear:both;  //两边都不允许有浮动元素

 

  定位类型position

 分类：

static（静止）此为默认，即按照正常的文本流，占用正常的位置。

fixed（固定的） 相对于浏览器窗口定位（保留原位置）

 position:absolute;  

绝对定位：相对于父级元素（被包含容器）。

position:relative; 

相对定位:相对于没有设置position时的正常位置定位

原始空间会保留下来。（意思就是说按static的位置算的地方不会出现另外的标签。如DIV，IMG等等。）

例子：

.div_1 {width:150px;height:200px;}

.text1 {width:200px;height:100px;left:160px;}

哈,我是一个帅哥

是不是哦，我晕你

我看看行不行。

& & Lt;/body & gt;

手術の結果は次のとおりです。

説明: 「私はイケメンです」は、最初の DIV がその親要素であり、それを含むため、絶対配置を使用します。したがって、ヘッダーの上部に表示されます。 (左と上が設定されていないため)

「ああ、気絶しそう」も絶対配置で、最初の DIV を基準に配置され、左の値は幅より大きい 160px に設定されます。前の div と同じなので、重複しません。

「動作するか確認してみます」は、親要素、つまり最初の DIV に対して相対的に配置されます。したがって、If top がそうでない場合、その位置は親要素の先頭から計算されます。設定すると、2 番目の div とオーバーラップします。フォントのサイズは通常 15px です。

切り取り領域を指定します

Position: 絶対;

Clip: Rect (TOP RIGHT BOTTOM Left);

left: 左の長さを左から右に切り取ります。

right: 右の長さを左から右に切り取ります。

bottom: ボトムの長さを上から下までカットします

ブロックレベルの要素を文字レベルの要素に変換します

display:inline;

文字レベルの要素をブロックレベルの要素に変換します

display :block ;

オーバーフローの処理

position:absolute; (絶対でなければなりません)

overflow:visible; //オーバーフロー領域は表示されません

overflow: scroll; //Overflow エリアにスクロールバーが表示されます

ボックスモデル

マージンパディングあり ボーダー幅 高さ

省略する場合は右、下、左の順に表記します

例: border -幅: 1em 2em 2em 2em

注: 上、下、左、右 属性:

設定時に値が 3 つだけ表示される場合は、上、左、左、右の 2 つの値を意味します

1 つの値: all = 4 つの同一の値が表示されます

さらにメディアを挿入します