- CSS：層疊樣式表。
將網頁內容和顯示樣式進行分離，提高了顯示功能。
- CSS和HTML結合方式：
- 每個html標籤上面都有一個屬性：style可以和css結合。
- 使用html標籤：<style> 寫在head裏面。
<style type=”text/css”>
css代碼;
</style>
例如：
- 在style 標籤裏面適用語句：【某些瀏覽器下不起作用，所以一般用第四種。】
@import url(css文件的路徑);
- 使用頭標籤 link，引入一個外部css文件。
<link rel=”stylesheet” type=”text/css” href=”css文件的路徑。”>
- 優先級【針對2】
由上到下，從外到內，優先級由低到高。（後加載的優先級高）
格式： 選擇器名稱 {屬性名：屬性值；屬性名：屬性值：……}
·····css選擇器
- 標籤選擇器。【標籤名】
- class選擇器。<div class=”haha”>aaa</div> haha就可以是一個選擇器。
style裏面：div.haha{}
.haha{}//只要選擇器是haha的，都用這個效果。
3.id選擇器。【每個html標籤上都有這個屬性id】
<div id=”hhh”>aaa</div>
style裏面：div#hhh{}
#hhh{}//只要選擇器是hhh的，都用這個效果。
優先級：style>id>class>標籤選擇器
······css擴展選擇器。
- 關聯選擇器。【嵌套標籤】
div p{}//修改div裏面p標籤的內容
2.組合選擇器。【不同標籤設置相同的樣式】
idv,p{}//修改div和p標籤裏的內容
3.僞元素選擇器
css裏面提供了一些定義好的樣式，可以直接拿來使用。【如：超鏈接】
······css盒子模型。
- ······css佈局漂浮：
float
float:left;文本流向對象的右邊。
·····css佈局定位：
position:
屬性值：
absolute：將對象從文檔流中拖出。可以用top bottom等屬性進行定位。
relative：直接用top、bottom定位。
······Javascript：基於對象和事件驅動的語言，應用於客戶端。
基於對象：提供好了很多對象，可以直接拿來使用。
事件驅動：html做的網站靜態效果。javascript是動態。
客戶端：瀏覽器。
····js的特點·：
- 交互性。信息動態交互。
- 安全性。不能訪問本地磁盤文件。
- 跨平臺。java裏面跨平臺：虛擬機 js只需要瀏覽器即可。
·······js和java的區別【沒有任何關係】
·······js的組成
- java是oracle公司 js是網景公司
- js基於對象，java面向對象。
- java強類型語言，js是弱類型的語言。
- java需要先編譯。js只需要解析。
- ECMAScript
-ECMA：歐洲計算機協會
-由該組織制定的js語法
1.BOM
-瀏覽器對象模型
2.DOM
-文檔對象模型
······js和html的結合方式
······js的原始類型和聲明變量。
- 使用一個標籤：<script type=”text/javascript”>js代碼</script>
- 使用script標籤引入外部一個js文件。<script type=”text/javascript” src=1.js></script>【不要在script裏再寫內容了】
定義變量都是用關鍵字 var
·····原始類型：
-string：var str=”abc”
-number：var m=”123”
-boolean：var f=”true”
-null：var date=new Date();
獲取對象的引用，null表示對象引用爲空，所有對象的引用也是object。
-undefined
定義一個變量，沒有賦值。
var aa;
typeof();查看當前變量的數據類型。
- ·····js的語句
- if判斷語句
- switch語句
- 循環語句（while for）
- i++和++i和java一樣
- ·····js的運算符
- js裏面不區分整數和小數，123/1000=0.123
- 字符串的操作：相加 和java一樣（字符串連接），但相減即數字相減。NaN:不是一個數字進行相減
- boolean類型的相加減。true=1，false=0；
- ==和===的區別：（都是判斷）兩個等號比較的是值 三個等號比較的是值和類型。
- 引入知識：直接向頁面輸出的語句（內容顯示在頁面上）
document.write(“aaa”);
document.write(“<br/>”);
可以向頁面輸出變量、固定值和html代碼。
- 99乘法表案例
<html>
<head>
<title>99乘法表</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
document.write("<table border='1' bordercolor='blue'>");
//循環行
for(var i=1;i<=9;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>");
document.write(j+"*"+i+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
document.write裏面是雙引號，如果設置標籤的屬性需要使用單引號。
document.write可以輸出變量，還可以輸出html代碼。
····js的數組
定義方式（3種）
- var arr=[1,2,3];
- 使用內置對象Array。 var arr1=new Array(5);//定義一個數組長度爲5的數組。
arr1[0]=”1”;
3.var arr2=new Array(3,4,5);//定義一個數組，括號裏面是元素。
···數組裏面有一個屬性length，可以查詢數組長度。
····數組可以存放不同的數據類型的數據。
- ····js的函數
····定義函數（3種）
函數的參數列表裏面，不需要寫var，直接寫參數名稱。
1） function 方法名(參數列表){
方法體；
返回值可有可無；
}
2） 匿名函數
var add = function(參數列表){
方法體和返回值；
}
3）使用js裏面的一個內置對象Function【動態函數】
var a = new Function(“參數列表”，”方法體和返回值”)；
····js的全局變量和局部變量
全局變量：在script標籤中定義一個變量，這個變量在頁面中js部分都可以用、
局部變量：方法內部定義一個變量，只能在方法內部使用。
ie自帶調試工具：F12
····script標籤所在位置
放到</body>的位置。