笔记：
CSS:
CSS引入样式：
内嵌样式：直接嵌入到HTML代码中
内部样式：在head下写CSS样式<style type="text/css">CSS样式带啊没</style>-->
外部引入样式：rel="stylesheet" type="text/css" href="CSS文件地址">
基本选择器：
class在css中引用用.引入
id在css中引用#引入
基本选择器的优先级：id>class>元素选择器
属性选择器：
语法：基本元素[属性="属性值"]{
CSS样式语法
}
伪元素选择器：
a标签的伪元素选择器
静止状态：a:link{css样式}
悬浮状态：a:hover{css样式}
活动状态：a:visited{css样式}
完成状态：a:active{css样式}
层级选择器：
父选择器 子选择器........
文字属性：
font-size:字号
font-family:字体的类型
文本属性：
color:颜色
text-align:对齐方式
text-decoration:下划线
属性值：none：没有下划线 underline：下划线
背景属性：
background-color:背景颜色
background-image: url("图片地址") 背景图片
background-repeat:平铺方式，默认x方向和y方向都平铺
属性值：repeat(x方向和y方向都平铺)、no-repeat(不平铺) repeat-x(x方向平铺) repeat-y(y方向平铺)
长度和宽度属性
width:宽
height：高
列表属性
list-style-type:decimal-leading-zero； 列表项前的小标志
list-style-image:url("图片地址") 列表项前的小图片
显示属性：
display:是否让标签元素显示
属性值：none(不显示) block(显示) inline(将前面的覆盖)
浮动属性
float：left （左浮动）
float：right （右浮动）
缺点：会对父元素和相邻的元素产生莫名的影响
clear(属性值)；清除浮动
clear属性值：both(左右清除) left(左侧清除) right(右侧清除)
盒子模型：
外盒子外边框：border
内盒子与外盒子的边框距离：padding
外盒子边框与其它之间的间隙：margin
border(写法):
border-width:边框的宽度
border-style:边框的线型
border-color:边框的颜色
border-top:上边框
padding:
padding:50px;代表四周都是50px
padding:20px 50px;代表上下20px左右50px
padding:10px 30px 50px 80px;代表上右下左
padding:10px 30px 80px;代表上右下
padding-top:代表上内边框
margin:
margin:50px;代表四周都是50px
marging:20px 50px;代表上下20px左右50px
margin:10px 30px 50px 80px;代表上右下左
margin:10px 30px 80px;代表上右下
margin-top:代表上内边框
JS:
JS引入：
内嵌样式：例如：<!-- <input type="button" value="button" οnclick="alert('x')">--><!-- 内嵌样式 -->
内部样式：
例如：
<script type="text/javascript">
JS实现代码
</script>
外部样式：外部脚本先创建一个.js文件将js代码写在其中，在HTML中使用<script>标签进行引入
例如：
<script type="text/javascript" src="引入JS地址"></script>
问题：js代码写在哪里？
JS代码写izai哪里都可以，但是在不影响html功能的情况下，越晚加载越好
JS基本语法：
1、变量
js定义变量var x=5;
js定义变量var str="XXX;
2、原始类型
number:数字类型
string:子符串类型
boolean:布尔类型
undefined:未定义
null:空类型
类型转换：
number和boolean转成string
number.toString();
注意：原始类型都是伪对象 所以是可以调用方法转换
string转成number
parseInt(number)
parseFloat(number)
强制转换：
非0是ture 0是false
Boolean(value):强制装换成boolean
引用类型:
var obj =new Object();
JS的运算符
（1)、赋值运算符 var x=5
(2)、判断运算符 >、<、>=、<=、((!=、<>)、===(全等代表与类型都一致)
(3)、算数运算符 + - x / %
加号：如果一个加数是字符串的话，就进行子符串连接
其它：如果是其它子符串数字在进行类似的运算的时候，先把子符串装换成数字然后再运算
(4)、逻辑运算符 && || ！
(5)、void运算符 <a href="javascript:void(0);">点击</a>
(6)、类型运算符 typeof:判断数据类型
instanceof:预测数据类型
逻辑语句：
子符串非空或非“”就为true
(1)、if...else...
(2)switch(){
case""：
break;
case"":
break;
default:
break;
}
(3)for循环
var x=5;
for (var i=0;i<x;i++){
pass;
}
(4)for...in...
var x=[1,2,3,5,'Java',true];
for (index in x){
pass;
}
