html文檔等于網(wǎng)頁
HTML中文名超文本標記語言
html不是編程語言是標記語言
html可以使用標記標簽展現(xiàn)網(wǎng)頁
<html>文本描述網(wǎng)頁</html>
<body>之間的文本是可見的頁面內(nèi)容</body>
CSS
css規(guī)則主要是由兩個部分組成：選擇器，以及一條或多條聲明
比如：h1{ color:blue; font-size:20px;}
h1:選擇器 color：屬性 blue：屬性值
元素分為塊元素和內(nèi)聯(lián)元素（行元素） 兩個元素可以轉換早敬，比如display:block/display：inline
在同一級別中要么是塊元素乐尊，要么是行元素
行內(nèi)元素不會由CSS決定庞呕，而是由其內(nèi)容決定
比如
<div>
<p></p>
<a></a>
</div>(這種寫法是錯誤的）
<style>
p.bottom{margin-bottom:25%;}
</style>
<body>
<p class="bottom">這是一段文字</p>
</body>
padding(填充)
定義的是元素內(nèi)容和元素邊框之間的空間扯夭，即上下左右的內(nèi)邊距
當padding（填充）內(nèi)邊距被清楚掉時遵倦，所釋放的區(qū)域將會受到元素背景的填充
單獨是用Padding填充時拓型，可以單獨改變上下左右的填充额嘿。
length：定義一個固定元素的填充（像素，PT劣挫，em 等）
%：也可以使用百分比進行填充
屬性值寫法分為四種padding:25px,50px,75px,100px;
上填充為25px
右填充為50px
下填充為75px
左填充為100px(寫法順序都是如此)
CSS分組嵌套
p{ }: 為所有 p 元素指定一個樣式册养。
.marked{ }: 為所有 class="marked" 的元素指定一個樣式。
.marked p{ }: 為所有 class="marked" 元素內(nèi)的 p 元素指定一個樣式揣云。
p.marked{ }: 為所有 class="marked" 的 p 元素指定一個樣式捕儒。
所有CSS的尺寸屬性
height 設置元素的高度
line-height 設置行高
max-height 設置元素的最大高度
min-height 設置元素的最小高度
max-wight 設置元素的最大寬度
min-wight 設置元素的最小寬度
<style>
</style>
<body>
<p> 怎么了，你累了說好的幸福呢</p>
<div class="first">
<p>這是class first 給所有元素添加的樣式</p>
<h1>這是指定的</h1>
</div>
</body>
CSS display（顯示）與visibility(可見性)
dispaly屬性設置一個元素應如何顯示邓夕，visibility屬性指定一個元素是可見還是隱藏
隱藏元素：display:none或者visibility:hidden
其中前者隱藏且不占據(jù)位置空間刘莹，后者雖然隱藏但是依舊占據(jù)位置空間
JS
JS必須在HTML中的<script></script>標簽之間
腳本可以被放置在<body><head>部分中
如需在 HTML 頁面中插入 JavaScript，請使用 <script> 標簽
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束焚刚。
<script> 和 </script> 之間的代碼行包含了 JavaScript
<script>
document.write(<p> 怎么了你累了</p>)
Windows.alert(5+6);
</script>
JS的輸出：
JS可以通過四種不同的方法輸出數(shù)據(jù)
使用windows.alert()彈出警告框
使用document.write（）方法將內(nèi)容寫到HTML文檔中
使用innerHTML寫入HTML元素中
使用console.log()寫入到瀏覽器的控制臺
document.getElementById("demo").innerHTML("文字");
document.getElementById("demo").innerHTML=5+5点弯；
JS的變量
Javascript中使用關鍵字var定義變量，然后使用等號=為這個變量賦值
<p id="demo"></p>
<script>
var=length;
length=6;
document.getElementById("demo").innerHTML=length;
</script>
變量是一個名稱矿咕，字面量是一個值
變量可以通過變量名訪問 抢肛，再指令式語言中變量通常是可變的，字面量是一個恒定的值
<p id="demo"></p>
<script>
var a=1;
b=2;
c=a+b;
document.getElementById("demo").innerHTML=c
</script>
變量是存儲信息的容器
實例
var x=2;
var y=3;
var z=x+y;
就像代數(shù)那樣
x=2
y=3
z=x+y
在代數(shù)中國碳柱，我們 使用字母（比如X）來保存值（比如2）
通過上面的表達式z=x+y捡絮，我們能夠計算出z的值為5
在JAVASCRIPT中，這些字母我們成為變量
變量可以使用短名稱（比如 x 和 y）莲镣，也可以使用描述性更好的名稱（比如 age, sum, totalvolume）福稳。
JS中有很多類型的運算符：
賦值，算術和位運算符= + - * /
條件瑞侮，比較及邏輯運算符== != <>
當你向變量分配文本值的時候的圆，應該用雙引號或者單引號包圍這個值
當你向變量賦的值是數(shù)值時鼓拧，不要用引號包圍
var pi=3.14
var name="Bill gates"
var answer=" yes i am"
用var聲明變量 var name 但是這個變量值是空的（他沒有值）
所以要給他賦值 用=
var x=2;
var y=3;
var z=x+y;
JS的數(shù)據(jù)類型
var length = 16; // Number通過數(shù)字字面量賦值
var points = x * 10; // Number 通過表達式字面量賦值
var lastName = "Johnson"; // String 通過字符串字面量賦值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通過數(shù)組字面量賦值
var person = {firstName:"John", lastName:"Doe"}; // Object 通過對象字面量賦值
Js中的是常見的駝峰命名法則
布爾（邏輯）只能有兩個值：true 或 false。
JAVASCRIPT數(shù)組
var cars=new Array()"Audi","BMW","Volvo";
JS對象
對象由花括號分隔越妈，在括號內(nèi)部季俩，對象的屬性以名稱和值對的形式（name：value）來定義。屬性由逗號分隔梅掠；
var person={firstname："john",lastname:"doe",}
語句 描述
break 用于跳出循環(huán)酌住。
catch 語句塊，在 try 語句塊執(zhí)行出錯時執(zhí)行 catch 語句塊瓤檐。
continue 跳過循環(huán)中的一個迭代赂韵。
do ... while 執(zhí)行一個語句塊，在條件語句為 true 時繼續(xù)執(zhí)行該語句塊挠蛉。
for 在條件語句為 true 時祭示，可以將代碼塊執(zhí)行指定的次數(shù)。
for ... in 用于遍歷數(shù)組或者對象的屬性（對數(shù)組或者對象的屬性進行循環(huán)操作）谴古。
function 定義一個函數(shù)
if ... else 用于基于不同的條件來執(zhí)行不同的動作质涛。
return 退出函數(shù)
switch 用于基于不同的條件來執(zhí)行不同的動作。
throw 拋出（生成）錯誤 掰担。
try 實現(xiàn)錯誤處理汇陆，與 catch 一同使用。
var 聲明一個變量带饱。
while 當條件語句為 true 時毡代，執(zhí)行語句塊。
