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>