WU_Chihiro
- 浏览: 7709 次
- 性别:
- 来自: 深圳
-
最新评论
文章列表
在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,解决方法是在FIREFOX中设置: cursor: pointer. 而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</spa ...
css outline是什么意思,用法
- 博客分类：
- CSS
CSS outline:none
当元素获得焦点的时候，焦点框为0.
比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。
这个功能一般是为使用键盘操作的用户准备的。
有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。
建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。
定义和用法
outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。
outline （轮廓）是绘制于元素周围的一 ...
<head><style type="text/css">
<!--
body {margin: 0px;background-color: #fff;text-align: center;}
body,td,th {
color: #FFFFFF;
font-size: 12px;
}
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility ...
从web2.0开始，开始流行使用圆角，如果你不使用圆角，你的网站可能不会被列入web2.0网站。主要问题是，你至少需要4个图片（每个角一个）和一些JS或复杂的层来实现圆角。
这些将成为过去了！两行就足够了：
css 代码:
.round {
background-color: #666;
color: #fff;
line-height: 20px;
width: 200px;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
那么，有什么新 ...
1、在HTML头部增加viewport标签。
在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下：
<meta name="viewport" content="width=device-width, initial-scale=1" /& ...
有时我们在使用IE8时不开启兼容模式能正常显示网页，但是设置为IE8兼容模式后在IE9中会显示出CSS3失效，这是什么问题呢？难道我针对这两种IE分别禁用兼容模式吗？或者让其自动判定浏览器属于哪个版本？假设是IE7就输出content="IE=7"；是IE8就输出content="IE=8"？所以此时我们又可以使用如下代码来达到我们的目的。
代码如下所示：
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<!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 ...
<SCRIPT>
today=new Date();
var day; var date; var hello; var wel;
hour=new Date().getHours()
if(hour < 6)hello='凌晨好'
else if(hour < 9)hello='早上好'
else if(hour < 12)hello='上午好'
else if(hour < 14)hello='中午好'
else if(hour < 17)hello='下午好'
else if(hour < 19)hello='傍晚好'
else if(hou ...
1.清浮动的兼容性写法：style="clear:both;zoom: 1;" eg：<div style="clear:both;zoom: 1;"></div>
2.用css中的zoom属性可以让网页实现IE7中的放大缩小功能。
比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5"，如：
<body style="zoom:0.5">
作用：Zoom属性除了清除浮动还有其它一些小作用，比如触发IE的hasLayout属性，清除浮 ...
导航子菜单下拉隐藏====JS
- 博客分类：
- JS
<script type=text/javascript>
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + &qu ...
要在自己网站首页放一张图片，然后点击或自动跳转到网站首页
<script language="javascript" type="text/javascript">
function goto(){
window.location.href='"你的首页地址";
}
</script>
<img src="要点击的图片地址" onclick="javascript:goto();"/>
<!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 ...