什么是响应式网页
通过CSS3MediaQuery实现响应式Web设计
响应式Web设计Respo
siveWebdesig
的理念是页面的设计与开发应当根据用户行为以及设备环境系统平台、屏幕尺寸、屏幕定向等进行相应的响应和调整。
具体的实践方式由多方面组成包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户正在使用笔记本还是iPad我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等以适应不同设备换句话说页面应该有能力去自动响应用户的设备环境。这样我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
Doctype严格模式与混杂模式如何触发这两种模式区分它们有何意义
声明位于文档中的最前面的位置处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。
标准模式和混杂模式quirksmode。在标准模式中浏览器根据规范呈现页面在混杂模式中页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器比如MicrosoftIE4和NetscapeNavigator4的行为以防止老站点无法工作。
在IE6出现时在标准模式中使用的是正确的盒模型在混杂模式中使用的则是老式的专有盒模型。为了维持对IE5和更低版本的向后兼容性Opera7和更高版本也在混杂模式中使用有缺点的IE盒模型。
前端页面有哪三层构成分别是什么作用是什么
网页的结构层structurallayer由HTML或XHTML之类的标记语言负责创建。标签也就是那些出现在尖括号里的单词对网页内容的语义含义做出了描述但这些标签不包含任何关于如何显示有关内容的信息。例如P标签表达了这样一种语义“这是一个文本段。”
网页的表示层prese
tatio
layer由CSS负责创建。CSS对“如何显示有关内容”的问题做出了回答。
网页的行为层behaviorlayer负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和DOM主宰的领域。
使用XHTML去搭建文档的结构。
使用CSS去设置文档的呈现效果。
使用DOM脚本去实现文档的行为
如何居中一个浮动元素
方法一让最外面的层相对定位left等于50然后内部嵌套层也使用相对定位且left设为50这样的效果就是内层相对整行为水平居中
方法二使用displaytable
方法三直接使用table布局使用太多table容易让结构看起来比较混乱其实页面中使用少量的table只要不要嵌套使用还是可以实现使用少量CSS达到最好的效果的这种方法这里就不举例演示了。
f如何让ie678兼容html5的标签
我一直使用公司里的提供的jqside插件里面就是把html5的标签放到字符串用字符串的split的方法变为r