列表标签:
ul>li(无序列表)
ol>li(有序列表)
消除列表样式 list-style:none;
自定义列表标签
dl>dt+dd(自定义列表标签)
注意事项:dt不可嵌套块级标签,只能存在一对
html4表单:
input :
text 文本框
password 密码框
radio 单选按钮,注意事项:每个选项都要设置相同的name属性,否则会多选
checkbox 复选框 checked ="checked" checked
submit 提交按钮
button 按钮,使用范围广
reset 重置按钮,注意事项:必须放在form表单中,否则不能重置
select>option 下拉列表 默认选中某个选项,selected
textarea 多行文本域,禁止调节,resize:none;
html5新增属性:
color 色块选择
datalist配合文本框做筛选 id和list关联 值通过option中的value属性设置
date 日期
email 电子邮件
number 数字
progress 进度条
meter 度量
range 范围
fieldset>legend 表单相嵌
样式初体验:
text-align(对齐方式)
text-decoration(消除文字默认样式,如下划线,删除线)
line-height(行高,设置文字垂直居中,当盒子只有一行文字让行高的值等于盒子的高度即可)
font-weight(设置文字粗细,消除加粗文字样式)
:hover(伪类选择器,当鼠标移入元素发生的变化)
display(不同类之间的元素转换,块级,行级,行内块级)
font-style(文字风格,例如消除斜体)
width(宽度)
height(高度)
outline(消除输入框的外边线,ouline:none;)
background(背景图片和颜色的设置)
color(文字颜色)
font-size(文字大小)
border(消除默认边框,border:none;)
ul>li(无序列表)
ol>li(有序列表)
消除列表样式 list-style:none;
自定义列表标签
dl>dt+dd(自定义列表标签)
注意事项:dt不可嵌套块级标签,只能存在一对
html4表单:
input :
text 文本框
password 密码框
radio 单选按钮,注意事项:每个选项都要设置相同的name属性,否则会多选
checkbox 复选框 checked ="checked" checked
submit 提交按钮
button 按钮,使用范围广
reset 重置按钮,注意事项:必须放在form表单中,否则不能重置
select>option 下拉列表 默认选中某个选项,selected
textarea 多行文本域,禁止调节,resize:none;
html5新增属性:
color 色块选择
datalist配合文本框做筛选 id和list关联 值通过option中的value属性设置
date 日期
email 电子邮件
number 数字
progress 进度条
meter 度量
range 范围
fieldset>legend 表单相嵌
样式初体验:
text-align(对齐方式)
text-decoration(消除文字默认样式,如下划线,删除线)
line-height(行高,设置文字垂直居中,当盒子只有一行文字让行高的值等于盒子的高度即可)
font-weight(设置文字粗细,消除加粗文字样式)
:hover(伪类选择器,当鼠标移入元素发生的变化)
display(不同类之间的元素转换,块级,行级,行内块级)
font-style(文字风格,例如消除斜体)
width(宽度)
height(高度)
outline(消除输入框的外边线,ouline:none;)
background(背景图片和颜色的设置)
color(文字颜色)
font-size(文字大小)
border(消除默认边框,border:none;)