web——day02
10832 ワード
復習する
1.html:ブラウザ解析実行2.こうぞう
3.共通ラベル
4.form action=「プロセッサ」method=「get/post」
css
1.セレクタ要素セレクタ:セレクタの名前はhtmlタグ名クラスセレクタ:
idセレクタ:
子孫セレクタ(子孫セレクタ)
サブセレクタ
グループセレクタ
2.使用時3中形式:style:インライン
外部のcssファイル*.css
3.ケースモデルの内容+内側の余白+枠線+外側の余白
4.ブロック級元素:
1.html:ブラウザ解析実行2.こうぞう
<html>
<head>head>
<body>body>
html>
3.共通ラベル
<br> <p> <h1-6>
<img src="">
<a href="http://....."> <a id=""> <a href="#idname">
<ul> <ol> <li>
<table>
4.form action=「プロセッサ」method=「get/post」
<textarea>
<select>
<option value="1001" >
css
1.セレクタ要素セレクタ:セレクタの名前はhtmlタグ名クラスセレクタ:
.className{} class=""
idセレクタ:
#idName{} id=""
子孫セレクタ(子孫セレクタ)
div p{}
サブセレクタ
div > p{}
グループセレクタ
div,#p1,.p3{}
div + p{}
div ~ p{}
2.使用時3中形式:style:インライン
<p style="">
<style>style>
外部のcssファイル*.css
3.ケースモデルの内容+内側の余白+枠線+外側の余白
4.ブロック級元素:
:
<a><span><input><img>
5.
font-family:
font-size:
color:
text-align:
line-height:
text-decoration:
list-style:
6.
margin:10px,10px,10px,10px;
margin:10px,10px,10px;
margin:10px,10px;
margin:10px;
margin-left:
martgin-top:
padding:10px,10px,10px,10px;
padding:10px,10px,10px;
padding:10px,10px;
padding:10px;
padding-left:
padding-top:
7.
background-color:
background-image:url();
8.
border:1px solid blue;
9.
:
:
float:right;/left
1. :
, body
: position , absolute,
relative,fixed
, ,
。
2.z-index
3. :
4.fixed( )
, margin-top ,
:
1. border
2.overflow:
3.margin-top padding-top
javascript
1.
(String):""
str = “hello”;
var x = “abc”;
number:
var a = 2;
b = 3.4;
boolean
var b1 = true;
b2 = false
if(3){}// 0 true
undefined:
var x ;
null;
var obj = null;
typeof( ):
2. var
var str;
3. :
java == ===
4. :
if(3){
;
}
for(var i=0;){
}
5. :
:
function ( ){}
//
function fun1(){
alert("fun1");
}
//fun1();//
//
function fun2(x, y){
alert(x+y);
}
fun2(2,3);
function fun3(){
return "hello";
}
alert(fun3());
function fun4(x,y){
return x+y;
}
alert(fun4(3,4));