css、JS基础知识

css是用于控制网页表现的一门语言

一、CSS导入方式

1. 内嵌样式:在标签内部使用style属性，属性值是css属性键值对

例:<div style="color:red">css</div>

2. 内部样式定义<style>标签，在标签内部定义css样式

例:<style>

span{

color:red;

}

</style>

...

<span>CSS</span>

3. 外部样式:定义link标签，引入外部的css文件

例:<link rel="stylesheet" href="demo.css">

....

<p>CSS<p>

demo.css:

p{

color:red

}

二、CSS选择器

1. 元素选择器

例:<style>

div{

color:red;

}

</style>

......

<div>DIV</div>

2. id选择器(id需唯一)

例:<style>

#name{

color:red;

}

</style>

......

<div id="name">DIV</div>

ps:当选择器指定范围越小，优先级越高

3. 类选择器

例: .cls{

color="pink";

}

<div class="cls">DIV</div>

<span class="cls">div</div>

JS

一、JS引用方式(可放任意位置)

例:<script>

alert("js");

</script>

二、JS基础语法

(1)书写语法

1.区分大小写:与Java一样，变量名，函数名以及其他一切东西都是区分大小写的

2.每行结尾的分号可有可无

3.注释

• 单行注释: //注释内容

• 多行注释: /*注释内容*/

4.大括号表示代码块

(2)输出语句

• 使用window.alert()写入警告框

• 使用document.write()写入HTML

• 使用console.log()写入浏览器控制台

三、JS变量

JavaScript中使用let关键字、const关键字进行定义变量

• let在所在的代码块内有效，不允许重复声明

例:{

let age = 30;

}

alert(age);

• const用来声明一个只读的常量。一旦声明，常量的值就不能改变。

四、数据类型

JavaScript中分为:原始类型 和 引用类型

5种原始类型:

• number:数字(整数、小数、NaN(Not a Number))

• string:字符、字符串，单双引号皆可

• boolean:ture，false

• null:对象为空

• undefined:当声明的变量末初始化，该变量的默认值是underfunded

使用typeof运算符可获得数据类型