- 列表标签:ul是无序列表,ol是有序列表
属性type,无序可设置列表显示符号,有序可设置1,a,A,i,I,切有star属性设置起始值,也可以去掉样式:list-style: none;
<ul>
<li>列表标题一</li>
<li>列表标题二</li>
<li>列表标题三</li>
</ul>
- 表单
- <form>标签 定义整体的表单区域
- action属性 定义表单数据提交地址
method属性 定义表单提交的方式,一般有“get”方式和“post”方式
<form action="http://www.cnblog.com" method="post">
</form>
- <label>标签 为表单元素定义文字标注
- <input>标签 定义通用的表单元素
- 属性type:
- type="text" 定义单行文本输入框
- type="password" 定义密码输入框
- type="radio" 定义单选框
- type="checkbox" 定义复选框
- type="file" 定义上传文件
- type="submit" 定义提交按钮
- type="reset" 定义重置按钮
- type="button" 定义一个普通按钮
- value属性 定义表单元素的值
- name属性 定义表单元素的名称,此名称是提交数据时的键名
- 属性type:
- <textarea>标签 定义多行文本输入框
- <select>标签 定义下拉表单元素,<option>标签 与<select>标签配合,定义下拉表单元素中的选项
- <form>标签 定义整体的表单区域
- css的其他选择器:
id选择器:通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,选择时用#+id
#id{xxx:xxx}
组选择器:多个选择器,如果有同样的样式设置,可以使用组选择器
.class1,.class2,.class3{xxx:xxx}
伪类选择器:常用的伪类选择器有hover,表示鼠标悬浮在元素上时的状态。如class1是一个超链接,当鼠标放上该链接时会调用该设置,连接字体变为300px
.class1:hover{font-size:300px;}
全局选择器:用*匹配所有
*{xxx:xxx}
- 标签分类:
- 块标签
- 每个标签会单独占领一行
- 可以设置宽度和高度
- h1-h6,p,div,li,ul,ol
- 行内标签
- 标签会并排显示,不会主动换行
- 不能设置宽度和高度
- a , span ,label
- 行内块标签
- 会并排显示,不会主动换行
- 能设置宽度和高度
- img
- 块标签
前端记录2(常用标签)
猜你喜欢
转载自www.cnblogs.com/being-a-tester/p/10337512.html
今日推荐
周排行