韩顺平htmlcssjavascript笔记.docx

韩顺平htmlcssjavascript笔记.docx

《韩顺平htmlcssjavascript笔记.docx》由会员分享，可在线阅读，更多相关《韩顺平htmlcssjavascript笔记.docx（31页珍藏版）》请在冰豆网上搜索。

韩顺平htmlcssjavascript笔记

HTML

一、HTML有关知识点

1.html介绍

html是一种标记语言，主要的用途是开发网页，使用html可以展现文字、图片、视频、声音，html是我们web开发（网站开发）。

2.html可以做什么

Øhtml可以编写静态网页

Ø该静态网页可以包括文字、图像、动画、声音、表格、链接。

从而构成一个个漂亮的网页

3.Html发展历史

4.Html的基本结构

5.是标记（也叫元素），标记的一般格式：

<元素名[属性=“属性值”]>元素内容

如果没有内容可以用：

<元素名[属性=“属性值”]/>

6.Html实体标记

7.Html常用标记

Øhtml超链接

●_blank新的窗口

●_self本窗口

●_parent父窗口

●_top整个浏览器窗口

Øhtml图像元素

Øhtml表格

--用于说明行

--用于说一小格

Ø无序列表

Ø有序列表

Ø框架

Ø表单元素

文本框：

密码框：

单选框：

复选框：

checked是指默认选中的

隐藏域：

图片按钮：

Ø文本域：

wrap=off自动换行

请在这里写····

Ø下拉菜单：

size是指显示大小

-----请选择------

上海selected是指被选中

北京

Ø

Ø

#=rrggbb;这些是16进制的，红绿蓝（red-green-blue,RGB）值来表示

Ø标尺线：

Ø文字布局标记

●

表示一段

#=left/center/right

Ø图像：

Ø会移动的文字

Ø多媒体页面

Ø背景音乐：

CSS

1.div元素是用来HTML文档内大块（block-level）的内容提供结构和背景元素。

2.css是CascadingStyleSheets（层叠样式表单）的缩写。

它是一种用来表现HTML或XML等文件样式的计算机语言

3.div+css是网站标准的（或者称为“web标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计的标准中，不再使用表格定位，而是采用DIV+CSS的方式定位。

我们可以这样简单的这样理解div+css:

div是用于存放内容（文字，图片，元素）的容器。

css是用于指定放在div中的内容的样式（大小，颜色，背景，位置）。

4.div+css的好处是：

●内容和样式分离

●代码可以重复利用。

5.

20px;color:

blue”>

从上面使用的span元素，可以看出css的基本格式：

<元素名style=”属性名：

属性值；属性名2：

属性值”>

元素可以是任意元素：

属性名和属性值可以参考W3Cschool给出的文档

6.使用CSS的基本语法：

Ø使用内部css:

引用内部css:

<元素class=”style”>

注意：

没有.

Ø使用外部css:

7.使用滤镜：

8.四种选择器的用法：

（1）类选择器，又叫做class选择器：

类选择器的基本格式：

.类选择器名{

属性名：

属性值;

```

}

（2）id选择器：

\

基本语法格式：

#id选择器名称：

{

属性名：

属性值;

````

}

例如：

#tyle2{

font-size:

30px;

ackground-color:

green;

}

在html文件中使用id选择器的格式是：

<元素名id=””>

（3）html选择器：

html选择器的语法格式：

html元素名称{

属性名：

属性值;

```

}

（4）通配符选择器：

*{

属性名：

属性值；

···

}

例如：

*{

margin:

0;

padding:

0;

}

外边距：

margin：

上右下左；//是按顺时针旋转的

margin：

10px20px30px是代表上下外边距是10px,右外边距是20px,左边距是30px

可以让所有的html元素的外边距和内边距都默认为0

注意：

当一个元素被id选择器，类选择器，html选择器修饰的时候，则优先级是：

id选择器>class选择器>html选择器

9.选择器深入探讨：

（四种选择器可以组合使用）

（1）父子选择器

例如：

#stylespan{

属性名：

属性值;

}

注意：

子选择器标签必须是html可以识别的标记

可以有多层子选择器

例如：

#stylespanspan{

属性名：

属性值;

```

}

（2）一个标签既可以用class选择器，也可以用id选择器；但是id的选择器的优先级高于class选择器

（3）一个元素最多有一个id选择器，可以拥有多个class选择器

10.块元素和行内元素的概念：

（1）行内元素，又叫做内联元素：

内联元素只能容纳文本或者内联元素，常见的内联元素有

（2）块元素（blockelement）:

块元素一般都从新行开始，可以容纳文本，其他内联元素和其他块元素，即使内容不能占满遗憾，块元素也要把整行占满。

常见的块元素有