1.样式表都可以写在哪些地方
内联样式：<span style="color: red"></span>
嵌入式样式：在head头记中定义
<style>
h1 {
color: green;
}
</style>
外部样式表：
<link rel="stylesheet" href="css/style.css">
这三种写法是有优先级的：
内联样式 > 嵌入式样式 > 外部样式
总结：就近原则（离被设置的元素越近，它的优级就越高）
2.类选择器与ID选择器区别
相同点：可以应用于任何元素
不同点：
1.ID选择器只能在文档中使用一次，而类选择器可以使用多次
2.可以使用类选择器为一个元素设置多个样式
选择器：子元素选择器 后代选择器 通用选择器(*) 分组选择器(a,b)
3.css的某些样式是具继承性的。
4.css具有特殊性。有时候我们会为一个元素设置不同的css样式。那么元素会启用哪一个css样式呢？
每一种选择器都会有默认的权值
标签选择器的权值：1
类选择器的权值：10
ID选择器的权值：100
p span 它的权值：2
p span.nice它的权值:12
5.css还具有重要性 !important
6.元素的分类：
块级元素block：ul p div table h1
1.每个块级元素都会从新的一行开始（独占一行）
2.元素的宽度以及高度都是可以设置的。
3.默认的宽度是父容器的100%
内联元素inline（行内元素） a span
1.在一行显示的
2.元素的宽度以及高度是不可以设置的
内联块元素inline-block(img、input)
1.在同一行显示
2.可以设置宽度以及高度
7.CSS的盒子模型
padding内边距：
padding 10px; 上下左右都为10px
padding 10px 20px; 上下10px左右20px
padding 10px 20px 30px 40px; 上右下左
也可以设置单边操作：
padding-top: 20px;
padding-right: 30px;
padding-bottom: 40px;
padding-left: 100px;
边框(border):
border: 15px solid yellowgreen; 宽度 样式 颜色
border-radius: 10px; /* 设置圆角 */
border-top
border-bottom
border-left
boder-right
外边距(margin):围绕在元素边框的空白区域是外边距
/* margin: 100px; */
margin-top: 100px;
margin-right: 50px;
margin-bottom: 30px;
margin-left: 20px;
CSS的布局模型有以下几种：
1.流(文档流)动模型
2.浮动(float)模型：要将垂直摆放的div在一行来显示，它会脱离正常的文档流.
3.层模型(绝对定位、相对定位、固定定位)
绝对定位:
绝对定位的元素的位置相对于最近的已定位祖先元素，
如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块(body:也相当于浏览器窗口)。
相对定位:
相对定位是一个非常容易掌握的概念。
如果对一个元素进行相对定位，它将出现在它所在的位置上。
然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
如何来改变层的显示的顺序:z-index
JavaScript(JS)
作用：
JavaScript 能够改变 HTML 内容
JavaScript 能够改变 HTML 属性
JavaScript 能够改变 HTML 样式 (CSS)
JavaScript 能够隐藏/显示 HTML 元素
表单验证
利用Js做后台（NodeJs）
JavaScript的版本：ES3（基础版本） ES5 ES6 ES7
JavaScript写在什么地方？
1.html页面 <head><script>js代码</script><head>
2.可以创建一个js文件，将js代码写在里面（注意：不要添加<script>标签）
3.如何引用外部js文件<script src="js/basic.js"></script>(常用)
4.js脚本可以写在<head>/<body>当中（区别）
写在<head>中的js:在网页加载的时候会先执行<head>中的js文件，然后才能加载<body>中的元素
执行<head>中的js文件的时候有可能html body中的元素还没有加载完成，此时会报错
所以通常来说我们的js文件的引用都要写在</body>的前面，先加载html文档，然后才利用js对
html元素进行操作。
JavaScript 能够以不同方式“显示”数据：
ECMAScript（ES3）
基本语法：
1.JS区分大小写
2.变量是弱类型 Java： int a=0 JS ：var a=10； 浏览器解释执行的
3.每行结尾的分号可有可无
4.注释与 Java、c、php等编程语言相同
5.括号表示代码块
JS当中的数据类型：原始类型和引用类型（object）
原始类型：Undefined 、Null、boolean、number、string
undefined - 如果变量是 Undefined 类型的
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的
string - 如果变量是 String 类型的
object - 如果变量是一种引用类型或 Null 类型的
创建对象的方式：var person=new person
===比较数据类型和值
for(var i=0;i<10;i++){}
java写法
for(Admin admin:list){
admin.getUsername();
}
js写法
for(sprop in window){
alert(sprop);
}
ECMScript 函数 function
基本语法：
1.有参函数
function 函数名（参数1，参数2..................参数n）{
语句...........
}
2.无参函数
function 函数名（）{
语句...........
}
3.有返回值的方法
function 函数名（）{
语句...........
return "tom";
}
函数如何调用？
调用无返回值的函数：函数名（参数）
调用无返回值的函数：var x=函数名（参数）
ECMScript中的Object
1.Object是一个无序的集合，可以保存任意类型的对象。所有其他的对象都会继承Object这个对象
2.创建Object对象有两种方式：1.使用new来创建对象 2.用字面量来创建对象
3.如何向已有的对象中添加新的方法 可以通过属性prototype（原型）
每一个构造器都会有一个prototype属性
语法：
构造器的名称.prototype.方法名=function(){}
JavaScript是由三个部分组成的
1.ECMAScript（ES3）
2.BOM（浏览器对象模型）：url 前进 后退 刷新 查看历史记录
3.DOM（文档对象模型）：html head title body
数组（Array）
1.var array=["aa","bb"];
2.var cars = new Array("Saab", "Volvo", "BMW");
BOM的几个部分
window 窗口
History 历史记录
Location 位置 属性：href跳转页面 方法：reload()刷新
HTML DOM Document 对象
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
