HTML_CSS_JS

二階段的課程體系

HTML靜态頁面

JavaScript 用戶端動态腳本 浏覽器解釋執行 頁面内容可以動态改變，有互動效果

jQuery JS庫，就是對JS的封裝，底層就是JS(提升js的使用效率)

javaWeb 和伺服器互動動态網站，使用java語言，通路伺服器的資料庫

java開發工程師的要求

HTML

Hyper Text Markup Language（超文本标記語言）

标記：又叫标簽，是構成HTML的基礎

标簽一般成對 <标簽名></标簽名>

HTML用來制作做靜态頁面；

<标簽 屬性名="屬性值"> 文本</标簽>

樣式

在選擇器中定義樣式，滿足目前選擇器的标簽就會自動應用這個選擇器中的樣式

1、什麼是CSS，有什麼作用？

CSS(Cascading Style Sheet):層疊樣式表語言。

CSS的作用是：

修飾HTML頁面，設定HTML頁面中的某些元素的樣式，讓HTML頁面更好看。

CSS好比是HTML的化妝品一樣。

HTML還是主體，CSS依賴HTML。CSS的存在就是修飾HTML，是以建立的檔案還是xx.html檔案。

2、CSS我們要求掌握到什麼程度？

* 常見的CSS樣式要求會寫。

* 别人寫的CSS樣式要能看懂。

3、在HTML頁面中嵌套使用CSS的三種方式：

<code></code>

id選擇器不可複用，隻能使用一次，class選擇器可以複用

用法差不多

CSS使用

做開心網網頁

将圖檔設定為背景圖檔即可在上方設定文字

邊距：margin:10px;

水準居中：text-aglin:center

行高：line-height

邊框：border：1px solid blue;

加了邊框可以友善調整

去除超連結下劃線：

text-decration:none;

居中：margin: 0px auto;

間隔用邊距margin-top之類的

position：fixed浮動效果

list-style:none去除清單的序号

JavaScript

核心組成：

ECMAScript 規範制定者：歐洲計算機技術制造商協會

BOM Browser Object Model 浏覽器對象模型

DOM Document Object Model 文檔對象模型

文檔中每個标簽也是一個對象，我們要把操作頁面的元素，通過屬性和方法操作

<code>上課要做好筆記才不會走神</code>

js的功能

​ 在頁面添加、删除、修改内容

​ 修改樣式

​ 表單資料，輸入驗證

​

<code>成對标簽，中間沒有内容，可以直接結束，但是&lt;Script&gt;标簽不行</code>

外部引用和内嵌引用，分開寫

需要複習java多線程、io流、

我總是有些奇思妙想？

和java相同

div一般用兩個屬性來修改标簽中的内容

innerHTML:有标簽，按照效果來展示

innerText: 有标簽，自動轉義成标簽文本

//定時器方法:指定時間間隔，到了指定的時間間隔自動執行方法；

setTimeout()

匿名函數實作初始化

把程式設計知識想象成一個3D網絡，每個知識點都是網絡中的一個節點，每個節點上有一盞燈，你學會了，燈就亮了，可以看到周圍的節點，接着走，點燈，再走，再點燈，這樣，燈亮的越來越多，看的越來越清楚，對于自己要走的方向也越來越有信心

基本的思想是，先用後學，縮短回報，反複疊代。

我隻需要比我昨天更好就行了

javascript非常重要

在JS中有很多事件，其中一個事件叫：滑鼠單擊，單詞：click

對應的事件句柄為：onclick。

JS中的字元串可以使用雙引号，他也可以使用單引号，一條語句結束後可以使用分号結束，也可以不用

dom：docment Object modle

bom: Brawer Object Modle

<code>JS是事件驅動型語言</code>

<code>引入外部JS檔案</code>

<code></code><code></code>

byte short int long float double boolean char

12484812

1、聲明了未指派會預設指派undefine;

2、未聲明直接使用會報錯

函數定義：

function(){

}