day2以PC网页为主同时兼顾移动端Bootstrap2_第1页
day2以PC网页为主同时兼顾移动端Bootstrap2_第2页
day2以PC网页为主同时兼顾移动端Bootstrap2_第3页
day2以PC网页为主同时兼顾移动端Bootstrap2_第4页
day2以PC网页为主同时兼顾移动端Bootstrap2_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

2000：GRPS2.5G，WML200x：3G，Android/iOSHTML只关注PC以PCBootstrap2.x(3)为移动端网页为主，同时兼顾PCBootstrap3.xpx (6)查询，加载不同的CSS文(7)查询，不同的CSS属CSSMediaQueryCSS<linkrel=""media=""CSS如@mediascreenand(min-width:}}}http:或<a /s?">简写为：<a 嵌套内容缩进一级，使用(2/4个)空格代替tabHTML/CSS<divtitle=""style="color:<metacharset="UTF-TODOHTMLDOCTYPE，防止浏览器进入“QuirksMode(混杂模式)”为HTMLlang属性，明确指定页面中所用的自然语<html 为页面IE兼容模式为edge，最大可能的向行业标准靠<metahttp- pitable"HTML编写时按照老IE6用户的浏览器若是IE7：理解网页时按IE7标准走；用户的浏览器若是IE8：理解网页时按IE8标准走；用户的浏览器若是IE10：理解网页时按IE10用户的浏览器若是IE11：理解网页时按IE11不适用废弃的，尽可能使用语义所有的表单输入域都要有label，radio和checkbox直接嵌在label内尽量少用转义字符，如用®代替 用©代替HTML元素的属性按照如下顺序id, src,href,type,fortitle,altrole,aria-*HTML元素的id、classCSS属性最好按照一定的顺序来定位相关属性 left z- widthpaddingmargin 可视化相关属性： 其他属性：opacity.containercolor:-moz-animation:xxx;animation:}视力者如盲人、色者如...移动者如伤理解者如唐WAI行动：WebAccessibilityInitiative网页无倡为了响应W3C组织的WAI倡议，H5为添加了两组新的属性aria-*：指定当前的ARIA特<inputtype="textname="unamearia-label=" AccessibleRichInternetApplication：可无的富互联网应<brole="button">添加到购物车</b><div<div<divdata-origin-width="400px"data-target-vardiv div.setAttribute('data-origin-width','600px');div.dataSet.originWidth='600px';HTML5HTML5新添了哪 ？废弃了哪些jQuery是一个扩展了原生JavaScript和DOMBootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项是一个CSS+JS功能框架，有的两位工程师最先，简化CSS、JS的编写。Bootstrap是Bootstrap全局CSSJShtml5shiv.min.js：让IE8-支持HTML5respond.min.js：让IE8-支持CSSMedia练习：找出Bootstrap对HTML的默认CSS设定有哪些html{font-size:10px;*{box-sizing:border-box;body{font-size:14px;font-family:....;color:#333;background-color:#fff;margin:0;}h1,..h6{font-size: margin-top:...;margin-bottom:...;1.Bootlint，BootstrapCSSCSSbox-sizing:border-box/padding-box/content-；

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论