HTML基础笔记【二】

1. 表格table

<table></table>

宽 width

高 height

边框border

背景色bgcolor

行tr

背景色bgcolor

水平对齐align left/center/right

列td

背景色bgcolor

水平对齐align left/center/right

水平合并colspan

垂直合并rowspan

17、颜色表示方式

·英文单词

·十六进制：字母/数字/字母加数字组成的三位或者六位。#ddd #ee3388

18、表单：收集用户的信息。<form></form>

表单名字：name

表单打开方式：target

属性值_self

_blank

表单提交方式：method

属性值：get:对数据提交大小有限制，密码明文提交

post:对数据提交相对较大，密码不会明文提交

表单提交地址：action

<form name=”” target=”” method=”” action=””></form>

input是表单的输入标签，用来区别不同框的含义。<input type=””>

1. 文本框 text
2. 密码框 password
3. 单选框 radio 同一组单选中name要一致
4. 复选框 checkbox checked默认选中
5. 文件域 file
6. 图像域 image 具有提交功能

<input type=”image” src=”图片路径”>

1. 电话 tel
2. 邮箱 email
3. 日期 date
4. 数值 number
5. 提交按钮submit 具有提交功能，作用于图像域一样

value值，可以改变按钮默认文字内容

1. 普通按钮button

value值，可以改变按钮默认文字内容

13、重置按钮reset

value值，可以改变按钮默认文字内容

14、下拉菜单/列表

<select>

<option>文字</option>

</select>

1. 文本域

<textarea></textarea>

1. 光标获取placeholder，提示作用

Css层叠样式表

Css后缀名 .css

Css语法结构

选择器{

属性1:属性值;

属性2:属性值;

......

}

注意：在css中，属性与属性值的链接方式为属性:属性值;

• 全局选择器：选择的是页面中所有的标签，用*表示，权重为0。

*{

属性1:属性值;

属性2:属性值;

......

}

属性相同时，以最后给的值为准。

• 标签选择器：选择的是要变样式的标签，用标签名表示，权重为1.

标签名{

属性1:属性值;

属性2:属性值;

......

}

• 类选择器/class选择器：权重为10.

.class选择器的名字{

属性1:属性值;

属性2:属性值;

......

}

• id选择器：权重为100.

#id选择器的名字{

属性1:属性值;

属性2:属性值;

......

}

Id选择器具有唯一性，同一个页面中id选择器可以有多个，名字不能相同。

权重越大，优先级越高。 id>class>标签>全局

• 父元素 子元素选择器

父元素 子元素{

属性1:属性值;

属性2:属性值;

......

}

• 伪类选择器：作用于标签状态

hover：当鼠标滑过或者鼠标放上去的状态

标签名:hover{

属性:属性值;

}

Css与html链接方式：

1. 链接样式：

在head双标签中间写<link href=”css路径” rel=”stylesheet”>

href:引入css具体路径

rel：引入文件与当前页面的关系