符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
首先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-end/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
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。