-
2014-05-17
html5与css3各种浏览器支持的列表。
各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。
本文出处:http://www.heiniuhaha.cn/blog/?p=1067
原文地址:http://www.findmebyip.com/litmus/#target-selector
小编提示:本文显示的为纯表格样式,只能显示为Y和N的形式,Y代表支持,N代表不…
http://www.wfuyu.com/htmlcss/8080.html
-
2014-05-16
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin…
http://www.wfuyu.com/htmlcss/8071.html
-
2013-11-13
关于禁止右键的文章,也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持Firefox火狐浏览器。
CSS代码:
body{ -moz-user-select:none; hutia:expression(this.onselectstart=function(){return(false)});}
Java…
http://www.wfuyu.com/htmlcss/8070.html
-
2013-10-13
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现.
那么我们来想一下是否可以用纯css来做这样的效果.
答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框属性.
<!DOCTYPE html PUBLIC …
http://www.wfuyu.com/htmlcss/8069.html
-
2013-11-02
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果,要实现鼠标移上后按钮边框换色,但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意:
如果看不明白,请移步参考淘宝搜索结果页面中的“信用”、“价格”两个排序按钮。http://s.taobao.com/search?q=%CC%D4%B1…
http://www.wfuyu.com/htmlcss/8047.html
-
2014-06-14
问题:
在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大小。
原因:这是因为div中,英文字母之间没有空格的…
http://www.wfuyu.com/htmlcss/8030.html
-
2014-01-08
网(LieHuo.Net)教程 昨日有位朋友向网小编请教一个CSS的问题,其实也不是很难的,由于昨天工作太忙,就没有回复他,今天早上来的早,跟MM聊了一下业务上事的,时间有了,赶紧把昨天朋友的事情办了,以免这小子说我重色轻友。哈哈,说主题,他的问题是——怎么用CSS来实现鼠标滑动显…
http://www.wfuyu.com/htmlcss/8023.html
-
2014-05-12
网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程,本文主要以CSS样式为实例,制作了一款非常漂亮的网站导航菜单,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q…
http://www.wfuyu.com/htmlcss/8015.html
-
2013-12-04
1. 重置浏览器的默认设置 首先将以下代码加到你的全局css文件中: /*1.Reset browser defaults then reset the browser font size*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:collap…
http://www.wfuyu.com/htmlcss/8012.html
-
2014-03-03
今天向大家介绍另外五条非常重要的CSS技巧,可能有重复,大家多多理解这些知识一定有收益。
一、图像替换文本
#header h1 a{display:block;text-indent:-9999em;background:(images/logo.png) no-repeat 0 0;height:87px;width:250px;overflow:hidden;}
看得懂这个吗?我看到很多们都LOG…
http://www.wfuyu.com/htmlcss/8000.html