一、表单标签:
用
表示;属性:action:表示点击注册按钮后的动作,其中#表示没有跳转
method:有get和post
代码示例如下:
表单标签属性介绍
表格的合并:
- rowspan:合并行
- colspan:合并列
表格的合并
11
13
14
21
22
24
31
34
41
42
43
二、CSS初始
1、 div效果演示
div效果演示
成功是成功者的通行证,失败是失败者的墓志铭。
成功是成功者的通行证,失败是失败者的墓志铭。AAA
效果图如下:
2、span演示
02_span演示
成功是成功者的通行证,失败是失败者的墓志铭。
效果图如下:
三、CSS选择器
1、元素选择器:
元素选择器
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
效果图如下:
2、类选择器:
类选择器
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
效果图如下:
3、id选择器:
id选择器
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
效果图如下:
4、层级选择器:
层级选择器
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
成功是成功者的通行证,失败是失败者的墓志铭。55
成功是成功者的通行证,失败是失败者的墓志铭。66
效果图如下:
5、属性选择器:
属性选择器
用户名:
密码:
效果图如下:
四、CSS引入方式
1、内部引入:
内部引入
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
效果图如下:
2、行内引入:
行内引入
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
效果如图:
3、外部引入:
hml代码如下:
外部引入
成功是成功者的通行证,失败是失败者的墓志铭。11
成功是成功者的通行证,失败是失败者的墓志铭。22
成功是成功者的通行证,失败是失败者的墓志铭。33
成功是成功者的通行证,失败是失败者的墓志铭。44
style.css代码如下:
div {
font-size: 30px;
color: red;
}
五、CSS浮动
属性float,有left和right两个值
CSS浮动