CSS3 多媒体查询CSS2 多媒体类型@media 规则在 CSS2 中有介绍,针对不同媒体类型可以定制不同的样式规则。例如:你可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够友好。CSS3 多媒体查询CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想: 取代了查找设备的类型,CSS3 根据设置自适应显示。媒体查询可用于检测很多事情,例如:viewport(视窗) 的宽度...
通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果,并且如何重新安排这些类型顺序以获得不同的翻滚效果。 链接状态 典型...
元素的类型通常分为: 块级元素 内联元素 内联块元素块级元素: 块级元素会占据一行的位置,它后面的元素内容会换行显示 块级元素里面可以放任何内容,主要用来布局。
常见的块级元素:div h1-h6 ul li ol li p table form行内元素:内联元素也叫行级元素它只占据他内容所占的位置,其它的内容在他后面显示,但是行级元素里面不能放块级元素
常见的行内元素:a b span i del元素类型的转换
通过样式转换行块级元素:
display:none;...
1.包含选择符(A F) 选择所有被A元素包含的F元素,中间用空格隔开2.子选择符(A>F)选择所有作为A元素的直接子元素F,对更深一层的元素不起作用,用大括号表示。3.相邻选择符(A+F)选择紧贴在A元素之后的F元素,用加号表示。选择相邻的第一个兄弟元素。4.兄弟选择符(A~F)选择A元素之后的所有兄弟元素F,作用于多个元素,用~隔开原文:http://www.cnblogs.com/elementzhao/p/6941232.html
众所周知,减小代码在传输中的大小,就能提高页面的传输速度,打开网页也就快 了,这是基于带宽瓶颈的理论,当然服务器速度受到其他很多因素的影响, 有PHP代码执行速度,数据库访问速度,磁盘读写IO速度等,无论怎样,带宽影响是非常大,而受中国电信抑或是中国网通还有其他的一些电信公司的制约,在 服务器网络带宽并不很充裕的条件下,压缩代码传输将会大大节省带宽!
本文讲述通过使用Gzip压缩方式自动压缩相应的代码,在访问者...
在你每一个页面的顶端,你需要文件声明。是的,必须。 如果不指定文件类型,你的HTML不是合法的HTML,并且大部分浏览器会用“怪癖模式(quirks mode)”来处理页面,这意味着浏览器认为你自己也不知道究竟做什么,并且按浏览器自己的方式来处理你的代码。你能是个HTML大师,在地球上打遍天下无敌手,或你的HTML能无瑕疵,CSS能非常完美,但如果没有文件声明,或错误的文件声明,你的网页和一个短视的,独眼的长臂猿婴儿十分...
关于CSS布局页面的简单组合方式:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS格式与布局</title><style type="text/css">*{ margin:0px auto; padding:0px; font-family:微软雅黑}/*注意*/
/*.创造力{ w...
既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下: 解释: var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名. var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写,用户使用FF的时候并且分辨率为1024*768...
不管我们对浏览器类型前缀有多么的讨厌,我们都不得不每天面对它,否者有些东西不能正常工作。这些前缀的用法有两种:在CSS里(例如“-moz-”)和在JS里。有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本,可以用来判断当前使用的是什么前缀——让我来展示它是如何工作的!
比如 CSS 前缀,IE 的是 "-ms-",旧版 Opera 的是 "-o-",Firefox 的是 "-moz-",Safari/Chrome 是 "-webkit-"。JavaScript 有多种方式判断它们。
方法...
不管我们对浏览器类型前缀有多么的讨厌,我们都不得不每天面对它,否者有些东西不能正常工作。这些前缀的用法有两种:在CSS里(例如“-moz-”)和在JS里。有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本,可以用来判断当前使用的是什么前缀——让我来展示它是如何工作的!
比如 CSS 前缀,IE 的是 "-ms-",旧版 Opera 的是 "-o-",Firefox 的是 "-moz-",Safari/Chrome 是 "-webkit-"。JavaScript 有多种方式判断它们。
方法...
既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下:<SCRIPT LANGUAGE="JavaScript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")>=1) { //如果浏览器为Firefox var Firefox1024="...
HTML CSS 基础 标签默认值样式重置: (css reset)包含:body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体ol,ul,a,img等标签的默认值样式重置用群组进行重置 标签基本特性和转换块和内嵌的特性及区别:内联,内嵌,行内属性标签:1、默认同行可以继续跟同类型标签2、内容撑开宽度3、不支持宽高4、不支持上下的margin和padding5、代码换行被解析快属性:1、默认独占一行显示2、没有宽度时,默认撑满一排display:block;(显示为块)...
HTML CSS 基础 标签默认值样式重置: (css reset)包含: body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体 ol,ul,a,img等标签的默认值样式重置 用群组进行重置 标签基本特性和转换 块和内嵌的特性及区别: 内联,内嵌,行内属性标签: 1、默认同行可以继续跟同类型标签 2、内容撑开宽度 3、不支持宽高 4、不支持上下的margin和padding 5、代码换行被解析 快属性: 1、默认独占一行显示 2、没有宽度时,默认撑满一排 display:bl...
XSD提供了数据类型,并且支持自定义数据类型,但这一切都是建立在XSD内置数据类型和一套扩展内置数据类型的规则基础之上的,在这一篇笔记中,就来看看XSD中的数据类型。 1、XSD数据类型图 先看一下数据类型图,有个大概的轮廓,后面再进一步细化: 从上面的XSD数据类型图可以看出,主要分成两个大类: (1)简单类型:可以给属性使用,也可以给元素使用,除了内建类型,也可以使用自定义简单类型,而自定义的方式有三种:限制...
css mime ie9 ie10 用的bootstrap.css写的一个网站前端,在ie9和ie10下出现这个问题,没办法解决,在网搜到的都是到处转载来的,用了解决不了问题,请问哪位实际碰到过这个问题并且解决了的,麻烦给点建议,谢谢! 回复讨论(解决方案) 帮你UP ,我也碰到这个问题,说修改web.xml也是不管用的