Web前置课（2）

表单

get：提交的时明文
post：提交的是数据是经过封装的
file：文件上传
submit：提交按钮
readonly：文本框不可编辑
select：下拉列表框
selected：下拉列表框的默认选择（selected）
label：扩大控件的点击空间
textarea：文本域

• rows：纵向
• cols：横向

HTML5新增的一些表单属性

placeholder：作为文本框的输入提示
autofocus:自动获取焦点
required：提交后的检查，必须填写
list：是将下拉框和文本框进行结合

HTML5新增的一些input的类型

color：选择颜色
date：选择日期
time：选择时间
month：选择月份
week：选择月份
emil：检测邮箱
url：检测网址
number；选择数字
range：选择区间

Html5新增属性

• contentEditable：将原来不可编辑变为可编辑的 ，可继承
• designMode：相当于全局的contentEditable属性，designMode不属于html中的属性，在js中调用
• spellcheck：拼写检查，主要用于输入框

HTML5新增常用元素

• article：表示一遍独立的文章
  • 内部用header来表示标题
  • 内部用footer表示脚注
  • 内部用section表示段落/文章
  • 内部用article表示回复的文章
• section：文章的段落
• nav：导航栏
• aside：附属信息
• header：文章头部信息
• footer：文章脚注信息
• figure：表示一块独立的图片区域，可以包含多image图片
• figcation：图片区域的标题
• mark：重点标记
• meter：已知最大值和最小值的计数器
  • value属性：当前值
  • min：最小值
  • max：最大值
  • low：最小范围
  • high：最大范围
  • optimum：最佳范围
• progress：进度条
  • max：最大值
  • value：当前值

CSS

外部样式表

• 通过link标签将外部的css文件导入到我们当前的html文件中。

选择器

• 子选择器
  div > spen
• 兄弟选择器
• #android ~ .long
• 选择器组合
  div , #xx , .myclass
• 伪元素选择器
  first-letter：首字母，只针对块级元素，如果要使用到内联元素上，要么指定宽高，要么将position属性设置为absolute、或者将display属性定义为block
  first-line：首行，只针对块级元素，如果要使用到内联元素上，要么指定宽高，要么将position属性设置为absolute、或者将display属性定义为block
  before：在元素之前
  after：在元素之后
• 伪类选择器
  :link：超链接点击之前
  :visited：超链接访问之后
  :hover：鼠标悬浮的时候
  :active：当点击的时候
  :focus：当获取焦点时