蜗小牛
- 浏览: 60505 次
- 性别:
- 来自: 大连
-
最新评论
文章列表
开始运行输入C:\Windows\System32\gpedit.msc
打开管理模板 Windows组建 Internet Explorer 兼容性视图
打开Internet Explorer 7标准模式选择 已启用 OK!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<l ...
进行网页设计时，由于网站的海量信息以及标准化的网页制作模式，使得框架网页嵌套成为了首选。这种方式的优越性不仅体现在整个网页整体性的保持及更新上，而且还可以使网站的维护变的相对容易。
基于界面美观和交互的考虑，在网页制作中隐藏Iframe的border和scrollbar，让人看不出它是个Iframe，而不带边框的Iframe因为能和网页无缝的结合从而在不刷新页面的情况下使更新页面的部分数据成为可能。
如果Iframe始终调用同一个固定高度的页面，我们直接写死Iframe高度就可以了。由于Iframe要切换页面，或者被包含页面要做动态操作，这时候，就需要程序去同步Iframe高度和被包 ...
基本概念：
• 在同一条样式定义中即大括号{ … }中（即同一个选择符的选择器内）：
firefox、opera（现代浏览器）优先认领
而ie会忽略!important字符串。
• 在非同一条样式中即不同的大括号{ … }中标有!important的样式对所有浏览器均优先认领。
例一，在同一个选择符的选择器内：
Css代码
.class
{
/* 定义字体颜色为红色，并设置!important属性 */
color:red !important;
/* 定义字体颜色为绿色 */
color:green;
}
...
1.使用 === 代替 ==
JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。
“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——《JavaScript：语言精粹》
然而，当使用==和！=时，你可能会遇到类型不同的情况，这种情况下，操作数的类型会被强制转换成一样的再做比较，这可能不是你想要的结果。
2.Eval=邪恶
起初不太熟悉时，“eval”让我们能够访问JavaScript的编译器（译注：这看起来很强大）。从本质上讲，我们可以将字符串传递给eval作为参数，而执行它。
...
<script type="text/javascript">
$(document).ready(function()
{
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border paddin ...
■ 框架概念 ：
所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：
<frameset cols="50%, ...
一般来说，网站的视觉元素主要有文字、图片、表单和按钮四大类，还包括标签，列表，多媒体等等，这些都是网站外观设计的组成部分，服从于网站的整体风格需要。用好网站视觉元素，能更好的指导和协助用户完成网站上的任务流程，使用户获得良好的在线体验。
让文字易辨识
字体是帮助用户获得与网站的信息交互的重要手段，因而文字的易读性和易辨认性是设计网站页面时的重点。不同的字体会营造出不同的氛围，同时不同的字体大小和颜色也对网站的内容起到强调或者提示的作用。
正确的文字和配色方案是好的视觉设计的基础。网站上的文字受屏幕分辨率和浏览器的限制，但是仍有通用的一些准则：文 ...
<!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=ut ...
很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。
首先需要在顶部添加如下html元素：
<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>
其中a标签指向锚点top，可以在顶部防止一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧，还需要一些css样式，如下 ...
CSS hack：针对IE6，IE7，firefox显示不同效果
做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。
区别不同浏览器的CSS hack写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
b ...
定义和用法
white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
默认值： normal
继承性： yes
版本： CSS1
JavaScript 语法： object.style.whiteSpace="pre"
实例
规定段落中的文本不进行换行：
p
{
white-space: nowrap
}
TIY
浏览器支持
所有浏览器都支持 white-space 属性。
注释：任何的版本的 Internet Explorer （包 ...
{border-radius:6px 6px 0 0}
<!--[if lte IE 7]>
<div class="content7">
<![endif]-->
/*里面套内容*/
<div class="content">
sadasdasd
</div>
<!--[if lte IE 7]>
</div>
<![endif]-->
然后在css文件中将content和content7的样式各写一遍，其中content7的样式就是在IE7 下的样式(如果在IE7下的效果不满意，直接调conten ...
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
在学习浏览器兼容性之前，我想把前端开发人员划分为两类：
第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。
第二类是基 ...