编程语言
首页 > 编程语言> > css2以及javascript1

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