01 html css js基础

来源：互联网发布：mac bash 3.2 编辑：程序博客网时间：2024/05/16 01:27

1 HTML语言
HTML的简介超文本标记语言
是网页最基础的语言。
都是由标签所组成。

HTML的基本格式
<html>
<head>
属性信息，辅助的信息
引入外部的文件(css、js)
先加载
</head>
<body>
真正的数据内容(展示用户的数据)
</body>
</html>

HTML的规范

HTML的标签
(1)排版标签
<br /> 换行
  空格
<hr /> 水平线
<p></p> 段落标签
<div></div>
<span></span>
(2)字体标签
<font></font>
* color：颜色
* size：字体的大小
* 最大值7 最小值是1
* face：字体的类型
(3)标题的标签
<h1></h1>
<h6></h6>
(4)粗体标签
斜体标签
(5)特殊字符
< <
> >
& &
(6)列表标签
<dl>
<dt></dt>
<dd></dd>
</dl>
有序列表和无序列表
有序：
<ol type="a" start="3">
<li></li>
</ol>
无序：
<ul type="">
<li></li>
</ul>
(7)图片标签
<img src="图片的地址" width="" height="" alt="图片的说明文字">
(8)超链接的标签
通过href=""
(9)表格标签、表单标签
...

2 CSS
层叠样式表
例如：在css文件中定义的
ul{
list-style: none;
}

ul li a{
text-decoration: none;
text-align: center;
}
.top {
width: 1365px;
height: 45px;
background: linear-gradient(to bottom,#086ed5,#055db5);
position: fixed;
top: 0;
left: 0;
z-index:2;
}
...

***(1)CSS的优先级
上到下，由外到内，优先级是从低到高的。（一般情况下）
标签名选择器 < 类选择器 < ID选择器 < style属性（特殊情况下）
***(2)CSS的选择器
告诉CSS的代码作用在哪个标签上
a:基本选择器
b:标签名选择器 div{} span{}
c:类选择器：在HTML的标签上，提供了属性 class，定位到div的标签（美工经常使用的方式）写法：.class的名称 (.hehe{CSS的代码}) 设置不同的标签，具有相同的样式
d:ID选择器
* 在HTML的标签上，提供的属性设置样式
* 写法： #id的名称 (#haha{CSS的代码})
* 一般情况下：设置不同的ID
* 一般情况下给js语言来使用。
e:扩展选择器
* 关联选择器：标签可以嵌套，标签与标签之间的关系。
* 写法：中间用空格隔开例子（div font{CSS的代码}）
f:组合选择器：对多个不同的选择器进行相同的样式
* 写法：在多个不同的选择器之间用 , 隔开
g:伪元素选择器：定义好的一些选择器，用就ok。
* 如果使用超链接伪元素选择器：使用顺序： L V H A

3 JAVASCRIPT
js是基于对象和事件驱动的脚本语言，作用在客户端（浏览器）上。

(1)js的特点
交互性
安全性：（不可以访问本地的硬盘）
跨平台性：因为浏览器就可以解析js的文件。
(2)javascript和java不同（一点关系没有）
js的基于对象，java是面向对象。
js解析就可以执行，java先编译再执行。
js是弱类型的语言，java是强类型语言。
(3)javascript语言的组成
ECMAScript 标准（js的语法，变量，函数）
BOM （Browser Object Model）浏览器对象模型
DOM （Document Object Model) 文档对象模型

4 javascript的语法
(1)把js和HTML的结合一起。（2两种方式）
a:HTML的文件提供了一个标签
<script type="text/javascript">js的代码</script>，标签可以放在HTML文件的任意位置上。
b:引入外部的文件，有一个外部的文件。编写js文件。
<script src="引入js文件（相对路径）" >
如果script通过src的属性引入了外部的文件，里面的js代码就不会执行了（*****）
c:</script>，标签可以放在HTML文件的任意位置上。
(2)关键字
var 声明变量
(3)标示符
和java一样
(4)注释
和java一样
(5)变量
声明变量，只使用一个关键字 var num = 12; var str = "abc";
5种基本数据类型
Undefined、Null、Boolean、Number 和 String
String 字符串类型 js中双引号和单引号都代表的是字符串 var str="abc";
Number 数字类型不区分整数和小数 var num = 13;
Boolean 布尔类型 var flag = true;
Null 空，给引用赋值的 var date = null;
Undefined 未定义（声明变量，没有赋值） var data;

声明变量，使用var关键字
typeof() 判断当前变量是什么类型的数据
(6)运算符
js的运算符
A:算术运算符
0或者null是false，非0或者非null是true，默认用1表示。
var num = 3710;
alert(num/1000*1000);
不区分整数和小数
B:赋值运算符
和java是一样的
C:比较运算符
== 比较值是否相同
=== 比较值和类型是否相同
D:逻辑运算符
和java中一样
E:三元运算符
条件?值1:值2

(7)js的数组
java String [] str = {};
声明数组
var arr = [12,34,55];
var arr = new Array(5); 声明数组，长度是5
var arr = new Array(2,3,4); 声明数组，元素是2 3 4
数组的属性
长度：length
数组的长度是可变的。
(8)js的方法
java中
public String 方法名称(参数列表(int num,String str)){
方法体;
return null; }
}
js中，通过关键字function 声明方法。
function 方法名称(参数列表 (num,str)){
方法体;
return;
}

参数列表：不能使用var关键字
返回值：可写可不写的，如果有写返回值，如果没有，返回值可以省略不写。

调用执行。

在函数的内部，有一个数组，装传过来的参数的
arguments

阅读全文

0 0