css
1.类选择器用 .类的名称;class
2.ID选择器用#id的名称
section下面的h1的元素 section h1中间用空格
3.标签选择器 h1
4.伪类选择器 伪元素选择器;选择器与关键字之间用:隔开
a:hover{ }
伪元素选择器功能是在选择某元素的基础上再加其他元素::
mxaodc
p::before{ content:"he is"; } css的属性 em是文本大小单位,h1是2em 段落是首行空2格 text-indent:2em; 设置行高line-height display:block //转换块级元素 display:inline//转换为行内元素,标题和内容连在一起 clear:both//清除两边元素 默认情况 块级元素都用relative相对定位方式 设置高度和宽度时,还要减去边框和内边距但是可以省略 box-sizing:border-box; text-indent:w文字向右缩进 text-shadow:a b c rgba();//分别是x上的阴影位移,y轴上的阴影 阴影的模糊程度 阴影颜色 box-shadow://块级元素的阴影 2D 3D效果可以用transform -moz-transform: translate(0,50px);//针对firefox x,y轴活动 2D transform: rotate(90deg);//实现图案旋转90度 transform: scale(1.2,1.6);//指定元素在x,y方向的缩放程度 放大1.2 1.6倍 3D transform:rotateX() rotateY(); 选择器的优先级 高——低 1 ID选择器 2 伪类选择器 3 类选择器 4 标签选择器 5 通用选择器 *{}js
打印内容可以用
console.log();
console.warn();//警告信息
console.error();//输出错误信息
console.info();//输出提示信息
console.debug;//输出调试信息
一 运算符
+ - * / || ! && ?
对于数字+直接相加
“字符串”+ 是相连接
%取余数
变量的原始值(stack栈)有:
1 Number String(字符串)
2Boolean(布尔)(false true)
3undefined(没有赋值)
4 null(占位符)
< > <= >= != (值是否相等)=(值和类型是否相等)
//返回一个布尔值
二 条件语句
= 赋值符号
循环语句 for while do…while for…in
三 数组
var arr=new array();//建立一个空白arr数组
var arr=[];//建立一个空白arr数组
arr.push(“d”);//在数组末尾插入了b
arr.unshift(“e”);//在开头插入了e
arr.shift();//删除开头元素e
arr.pop();//删除末尾元素
arr.splice(1,1);//删除任意元素 第1个开始,删除1个数组元素
arr.splice(1,0,“b”);第1个开始,删除0个元素,插入b
var arr1=[1,2,3];
var arr2=[4,5,6];
var arr3=arr1.concat(arr2);//内容相连接组成新的数组
console.log(arr1.reverse());//元素顺序倒转
数组的数据类型可以不一样
数组可以嵌套
var arr=[[1,2],[3,4],[5,6]];//3行2列
数组可以储存一些对象//有点像结构体
四 日期和时间
var now=new Date();//创建一个date对象
console.log(now);
console.log(now.toDateString());//只返回星期值,日期值
console.log(now.getHours());//返回小时值
console.log(now.getMonth());//月份
now.getDay()//星期值0-6 0 星期天
now.setHours()//自己设置
Date.parse();//日期时间差