css2以及javascript1
作者:互联网
1.position:
1.static:定位,默认定位
2.fixed:固定方位,清除文档流位置,相对浏览器窗口定位。广告。导航和方位left/right/bottom/top
3.relative:相对方位,保留位置,相对于原位置
4.absolute:绝对定位,清除位置,相对于非static父。多用于相对于relative父定位。
( 相对于非static父,不是static
相对于relative,fixed,absolute父。
父一直都是static的,要相对于[body]窗体,不会滚动)
5.z-index:和定位一起用才有效
z-index:-1; 层在下面
2.css写在哪
1.标签上,行内 style="***"
2.style标签里,内联样式
3.通过Link标签,关联外部样式,外联、外部样式
4.style标签里:@impor url(外部样式)
1.link在页面读到link时就加载
2.@import()页面加载完成后,再加载impot
!important:权重最高,@import css 加载完再运行
3.focus:焦点,当前选中的状态
input:focus{
//输入框获取焦点的样式
}
4.通用选择器。用*代表所有元素
*{
color:red;
}
5.阴影相关:
text-shadow:x轴 z轴 阴影宽度 颜色;
box-shadow: 同上
————————————————————————————————————————————————————————
1.javascipt
微软:IE:Jscript
Ecma 统一标准 Ecmascipt
JavaScript:跟java没关系
Ecma6:标志。。(相当于)JavaScript (实际上Ecmascript只是一个标准,JavaScript才是语言)
2.js概述与特点
JavaScript:事件驱动,弱类型,基于对象(不是面向对象)的脚本语言
2.1事件驱动:js有很多事件,触发函数
onclick=函数()
on****很多事件(大多以on开头)
2.2弱类型:变量没有类型。值是有类型的
var a = 1; //number 类型
var a = "hello world"; //string类型
var a = new Date(); //object类型
2.3基于对象(重点!面试问过)
面向对象语言三大特点:封装、继承、多态
基于对象:封装,继承,没有多态
3.基本语法:
3.1调试语法:
在文档中输出
document.write(内容);
在控制台打印
console.log/info/erroe(内容);
3.2数据类型:
3.2.1 number类型,数值类型:
var a = 1;
var b = 1 + 1;
var c = a + b;
var a = 3.1415926;
3.2.2 string字符串类型
单引号,双引号都是字符串
字符运算的+都是拼接操作
3.2.3 boolean布尔型
真:true:1;
假:false:0;
3.2.4 object类型
①日期Date
var d = new Date(); //对象的实例化
②空值Null
null也是对象类型,空对象。
3.2.5 undefined 定义变量未赋值类型
3.2.6 NaN:not a number类型,不是个数,或者叫无穷大小的数
类型是number
NaN != NaN
3.2.7 /regex/ 正则类型
3.3 变量:
变量定义: var/let 可以定义变量 标识符
var a =1;
var a = new Date();
3.3.1: 标识符
以字母、_、$ 开头的就是标识符
4.运算符
+加 -减 *乘 /除 %求膜(求余数) ++自增 --自减
add加 subtract减 multiply乘 divide除
4.1 自加,自减
i++ ++i i-- --i;
++在后,变量在前,先获取结果,然后再自加
++在前,变量在后,先自加,再获取结果
标签:css2,变量,以及,++,类型,static,3.2,var,javascript1 来源: https://blog.csdn.net/Prague_hyy/article/details/98506144