标签分类
块元素 独占一行,可以设置宽高
div
行内元素 排列在一行,不可以设置宽高
p span
行内块元素 排列在一行,可以设置宽高
input
css样式
行内样式(所以的标签都可以加div)优先级最高
<div style=“”><div>
嵌入式样式
<head>
<style>
css样式
</style>
</head>
外部样式表
注意
嵌入式约等于外部样式表,谁在下面谁的优先级高,就先执行谁
语法
选择器
id选择器用#
类名选择器(class)用.
标签选择器 直接给标签赋值
后代选择器 中间需要加空格
通配符选择器 解决头部问题间距 *{margin:0;padding0}
css基本属性
宽高背景颜色
css字体属性
盒子模型
margin padding border
浮动
块元素没有办法排列到一行显示,
float left|right
定位
JavaScript
ECMAScript
输入输出工具
document.write()
console.log() 写入浏览器控制台
alert
变量
存储数据类型
var变量名输入 es5
let变量名输入 es6不能重复声明同一个变量,可以更新修改
常量
const 常量 声明之后只可以使用,不可以改
变量声明原则
严格区分的大小写
必须字母,下划线,$开头
js命名 驼峰,首字母大写
命名要有意义
数据类型
运算符—7种
检测数据类型
typeof 需要检测的变量
函数
1 声明
具名函数
匿名函数
2 调用
通过括号方式
函数名()
变量名()
通过事件调用
3返回值
参数
实参 函数调用时候
形参 形参就是一般定义类型,函数声明的时候接受参数
数组
数组遍历
for循环
js是一种面向对象弱类型的(解释性)即时编译的客户端脚本语言
不像java一样还需要编译
BOM浏览器对象模型
核心对象window
window.open(“URL地址”)
DOM浏览器
核心对象document
修改页面标题
document.title=123;
获取元素
document.querySelector(“css选择器”)
事件三要素:事件源.事件=事件处理程序
绑定方式
通过标签方式绑定
通过dom对象绑定
var box=document.querySelector(“css选择器”)
box.οnclick=function(){
}
本地存储
cookie 可以 设置时间
localstroage 永久存在,除非手动删除
sessionstroage