前端css笔记

表单：收集数据
form    表单域
input  输入框标签
type属性值:
text   文本
password  密码
checkbox  多选
checked 默认选中
radio  单选
range  进度条
value="数值"   数值代表滑动块所在位置
file   文件上传
submit   提交按钮 提交表单
image   class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="路径"  提交按钮  提交表单
button   按钮  value="" 给按钮加文字 不可在表单域中直接提交数据，该按钮一

般配合js使用
reset   重置
email   智能表单-邮箱
number  智能表单-数字   step属性="固定值":增加减去固定值
maxlength:最多输入长度
readonly:设置输入框为只读模式
disabled:设置输入框为未激活
name:为当前表单项设置名称
id:设置唯一性标志
placeholder:设置提示信息
select标签:下拉列表
multiple:展开列表
selected:默认选中
required:必填项
autofocus:获取焦点
novalidate:关闭智能表单验证
autocomplete:删除已提交的表单数据  默认值:on打开off关闭
form属性:和其他表单产生关联，form="其他表单id属性值"
optgroup:组  label:指定大区域
option:列表项，可放在组中
textarea标签：多行文本域
层叠：css的特性
内嵌式：html的head标签中添加<style type="text/css">标签
外连式：link标签将外部css文件引入，外部css文件无须写style标签<link

rel="stylesheet" href="css文件路径" />
行内式：标签后跟style属性，
css语法:
选择器{
属性:值;
}
基础选择器：
标签选择器
类选择器
id选择器
通配符选择器
复合选择器：
标签指定式选择器
后代选择器
子代选择器
并集选择器
属性选择器
伪类选择器