web前端开发H5知识点

首先h6里面有几个通用的格式，不再像之前每次用div定义。
header
nav
section
aritcle
aside
footer
视频和音频的格式
video:ogg webm mp4
audio:mp3 ogg wav
属性：
width height src controls autoplay loop poster
src 文件源 controls插件，也就是下面的进度条一栏 loop循环播放 poster暂停
表单
text password textarea checkbox radio file select button submit reset
H5 表单：
email,url,date,week,month,time,number,color,range,search
H5表单属性
required 必填项
autocomplete 自动记忆
plactholder 提示信息
pattern 正则表达式pattern=[a-z]{3} 意思就是输入三个字母 了解一下
autofocus 自动聚焦
去边距间距：
html, body, ul, li, ol, dl, dd, dt, p, h2, h3, h4, h5, h6, h7, form, fieldset, legend, img
*{}选择器
元素选择器径向渐变
background:radial-gradient(中心坐标，形状 大小，颜色……)
大小：
/closest-side 最近的边
farthest-side 最远的边
closest-corner 最近的角
farthest-corner 最远的角/
形状：
circle 或 ellipse（默认椭圆）
background:repeating-radial-gradient() 重复径向渐变多列
column-count:分列数
column-gap:栏间距
column-rule:分隔线
弹性盒子
父元素中添加
display:flex; display:-webkit-flex;
子元素排列方式 ：（父元素添加）
justify-content:flex-start/flex-e免费云主机、域名nd/center/space-between/space-around
子元素垂直对齐方式(父元素中添加)
align-item:flex-start/flex-end/center/baseline/stretch
顶端/底端/居中/基线/默认auto
子元素换行方式（父元素添加）
flex-wrap:nowarp/wrap/wrap-reverse/initial/inherit
单行（不换行，会溢出）/多行，自动换行/换行，反转排列/初始化默认效果相似/默认（不换行）
align-content 设置行对齐方式 （添加到父元素中）
前提条件是flex-wrap为wrap时才可以用
align-content:stretch/flex-start/flex-end/center/space-between/space-around
默认/顶端、底端、居中、两端、平均分布
子元素顺序（子元素添加）
order：1，值越小越靠前 可以为负值
子元素对齐（子元素添加）
margin:auto;对象自动留白
按比例分配元素（子元素添加）
flex:比例值
如：
div>div*3
子元素按顺序添加flex:1 flex:3 flex:1 结果：1：3：1

相关推荐: cookie如何清除

今天小编给大家分享一下cookie如何清除的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。JavaScript是运行在客户端的脚本，因此一般是不能…