-
2013-10-06
容器不扩展问题
这个是经常在我切图的时候遇到的问题,如:
<!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>
&l…
http://www.wfuyu.com/htmlcss/6574.html
-
2013-12-26
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。
方法一:<br />标签
一种可能的方法(但不推荐)是在每个字母后面添加<br />…
http://www.wfuyu.com/htmlcss/6572.html
-
2014-04-01
当使用css定义字体时你可能会这样做:
font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif;
事实上你可以简写这些属性:
fo…
http://www.wfuyu.com/htmlcss/6566.html
-
2013-12-29
网(LieHuo.Net)教程 属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。
属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创的词)…
http://www.wfuyu.com/htmlcss/6560.html
-
2014-06-14
最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。
1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了,
但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒,
喜欢让计算机干更多的事情。
2 …
http://www.wfuyu.com/htmlcss/6550.html
-
2013-10-06
原文:http://www.zishu.cn/blogview.asp?logID=773
最近很少写CSS了,以后也可能写的会很少了,所以还是想把自已的一些经验能和大家分享一下,希望能给大家一些帮助!
这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。
1、*{} #zishu *{} 尽量避开
由于不同浏览器对HTM…
http://www.wfuyu.com/htmlcss/6549.html
-
2014-02-15
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看这个文档。
通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有例子都基于以下 HTML代码:
<body> <…
http://www.wfuyu.com/htmlcss/6546.html
-
2013-10-26
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片,最大限制是5张图片轮播,好像这个又叫…
http://www.wfuyu.com/effect/6542.html
-
2014-03-12
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如: p { color: red; }…
http://www.wfuyu.com/htmlcss/6533.html
-
2013-11-30
网(LieHuo.Net)教程 本文介绍以纯CSS 实现的鼠标经过文本时提示的信息的效果,欢迎大家学习并提出宝贵意见,(liehuo.net)网会做的更好。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…
http://www.wfuyu.com/htmlcss/6489.html