【HTML-HTML5+CSS3权威指南阅读（四、媒体查询）】的更多相关文章

html5+css3 权威指南阅读笔记（三）---表单及其它新增和改良元素

一.新增元素及属性 1.表单内元素的form属性. html5: <form id="testForm"> <input type=text> </form> <textarea form = testForm></textarea> 2.表单内元素的formaction属性 <form id="testForm" action="test.jsp"> <input t…

HTML-HTML5+CSS3权威指南阅读（四、媒体查询）

1.媒体类型 HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表, 比如, 一个页面在屏幕上显示时使用无衬线字体, 而在打印时则使用衬线字体, screen 和 print 是两种已定义的媒体类型, 媒体查询让样式表有更强的针对性, 扩展了媒体类型的功能; 2.媒体特性检测媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成, 媒体查询中可用于检测的媒体特性有width.height和color(等), 使用媒体查询, 可以在不改变页面内容的情况下, 为特定的一些输出设备定制…

HTML-HTML5+CSS3权威指南阅读（二、让IE支持HTML5标签及对CSS3 Media Query的兼容）

兼容解决 HTML5是在低版本的浏览器(IE8-)的兼容是有限的,类似很多结构性的标 签<header>.<section>.<footer>等在IE8以下不会被识别.有什么方法能实现兼容呢?在 高级浏览器能使用上这些标签,增强语义化:而在低级浏览器(包括IE6)上表现不会出错.那就需要引入html5.js这个文件. 如何使用 既然是只有IE低版本需要使用,那就需要做个判断. <!--[if lte IE 8]> <script type="…

HTML-HTML5+CSS3权威指南阅读（五、设备像素和CSS像素的概念）

在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕 这篇文章是关于桌面浏览器的,其唯一目的就是为移动浏览器中相似的讨论做个铺垫.大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念.在移动端我们将会接触到相同的概念,但是会更加复杂,所以对大家已经知道的术语做个提前的讨论将会对你理解移动浏览器产生巨大的帮助. 概念:设备像素和CSS像素 你需要明白的第一个概念是CSS像素,以及它和设备像素的区别. 设备像素是我们直觉上觉…

HTML-HTML5+CSS3权威指南阅读（一、HTML5与HTML4之间的区别）

一.HTML5与HTML4之间的区别 1. DOCTYPE 声明 1). HTML4 中为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2). HTML5 中为 <!DOCTYPE html> 2.指定字符编码 1). HTML4 中为 <…

HTML-HTML5+CSS3权威指南阅读（三、CSS选择器）

1.伪元素选择器 first-line, first-letter, before, after 2.属性选择器 [attr*=val]: 如果元素的 attr 属性中包含用 val 指定的字符的话, 则该元素使用这个样式 [attr^=val]: 如果元素的 attr 属性以 val 指定的字符开头的话, 则该元素使用这个样式 [attr$=val]: 如果元素的 attr 属性以 val 指定的字符结尾的话, 则该元素使用这个样式 [attr~=val]: 如果你想根据属性值中的词列表的某个…

HTML-HTML5+CSS3权威指南阅读（五、深入理解viewport）

1.手机浏览器与桌面浏览器的不同 现在手机浏览器的显示分辨率与桌面浏览器差不多,但是手机的尺寸比电脑要小很多.一个没做过响应式处理的网站,在手机和电脑上显示完全一样的内容, 不可避免的会出现字体被缩小的现象.想象一下电脑里12号字体缩小好几倍的效果吧. 所以如果将web网页移植为wap应用上,还是有许多问题需要考虑. 2.理解两个viewport的概念 做过wap开发的都知道 html的 <meta name=”viewport”> ,这是一个从iphone引入的meta,现在几乎所有手机浏览…

HTML-HTML5+CSS3权威指南阅读（三、CSS3）

不同的浏览器(包括-moz-代表的Mozilla Firefox, -ms-代表的Microsoft Internet Explorer等)厂商在发布正式版本之前之前, 试验各自对CSS3新特性的实现, 正式版本发布后就不再需要前缀, 遵循样式表的层叠特性, 我们将无前缀的代码放在最后, 这样如果该特性可用, 则会覆盖之前的声明 1.display 中 block, inline, inline-block 的区别 1).默认情况下, block 宽度占满整个浏览器, inline 宽度等于其内…

HTML5与CSS3权威指南之CSS3学习记录

title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) 官方网站: 华章图书 书中所有代码下载链接: 链接:http://pan.baidu.com/s/1c0oGMn2 密码:f7zt 选择器 属性选择器 [att=val]选择器--选择属性att值为val的元素 [att*=val]选择器--选择属性att值包含val的元素 [att^=val]选择器--选…

Html5与CSS3权威指南 百度云下载

Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3…