JavaWeb-【2】CSS和JavaScript

筆記系列持續更新，真正做到詳細！！本次系列重點講解后端，那么第一階段先講解前端【續上篇HTML】

一、CSS

1、CSS介紹

2、CSS快速入門

3、CSS語法

4、字體顏色和邊框

5、背景顏色和字體樣式

6、div和文本居中

7、超鏈接去下劃線和表格細線

8、無序列表去掉樣式

9、CSS使用方式

①、行內樣式

②、head標簽

③、引入外部CSS文件

10、CSS元素選擇器

11、ID選擇器

12、類選擇器

13、組合選擇器

14、選擇器的優先級

15、CSS練習題

二、JavaScript

1、js基本說明

2、JS弱類型特點

3、JS使用方式1在script中寫

4、JS使用方式2在script中引入JS

5、如何在瀏覽器查看錯誤信息

6、JS變量定義的方式

7、JS的數據類型

8、JS的特殊值

9、String的注意事項

10、JS運算符

①運算符1

②運算符2

③運算符3

11、JS數組定義的4種方式

12、JS數組遍歷

13、JS函數快速入門

14、JS函數定義方式1-function關鍵字

15、JS函數定義方式2-將函數賦給變量

16、JS函數注意事項和細節

17、JS函數練習布置

18、使用Object定義對象

19、使用{}定義對象

20、事件介紹

21、動態注冊和靜態注冊

22、onload-頁面加載完畢事件

23、onclick-點擊事件

24、onblur失去焦點事件

25、onchange內容發生改變事件

26、onsubmit表單提交事件

①、靜態注冊

②、動態注冊

27、表單驗證作業

一、CSS

1、CSS介紹

CSS即層疊樣式表【Cascade Style Sheet】

2、CSS快速入門

【beige：米黃色，淺褐色】

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css 快速入門</title>
<!--
1.在 head標簽內，出現了 <style type="text/css"></style>表示要寫 css內容
2. div{}表示對 div元素進行樣式的指定 div就是一個選擇器[元素/標簽選擇器]
3. width: 300px(屬性);表示對 div樣式的具體指定,可以有多個
4.如果有多個，使用;分開即可,最后屬性可以沒有;但是建議寫上
5.當運行頁面時，div就會被 div{}渲染，修飾
-->
<style type="text/css">
div {
width: 200px;
height: 100px;
background-color: beige;
}
</style>
</head>
<body>
<!--
先使用傳統的方法-->
<div>hello, 北京</div>
<br/>
<div >hello, 上海</div>
<br/>
<div>hello, 天津</div>
<br/>
<div>hello, 深圳</div>
<br/>
</body>
</html>