网页制作大宝库

在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美...阅读全文

问题：一个1920*900的大图，在1024*768的分辨率只能显示一部分，希望仍居中显示 解决方案CSS: 代码如下: width: 100%; background-position: 50% 50%; 示例code： 代码如下: style body { background-repeat: no-repeat; width: 100%; background-position-x...阅读全文

今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图： 实现的代码。 html代码： 代码如下: div class=container header class=clearfix spanBlueprint...阅读全文

虽然有CSS有很多方法能实现PNG图片透明效果，但在各浏览器中的兼容效果却不好，小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法，方法如下： style .mycls{ width: 48px; height: 48px; background: url(20090318230119136.png) no-repeat left top...阅读全文

在网上做有奖信息的时候，经常看见一些 head title网上填空 /title style type=text/css !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none ;} -- /style !--注：此段为css代码，在这里更改参数可以设置出更cool的效果-...阅读全文

测试网页，代码如下： html head title无标题文档/title meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body bgcolor=#FFFFFF text=#000000 table width=600 border=0 cellspacing=0 cellpadding=0 height=30 align=center tr td /...阅读全文

html 5 有个很棒的属性，placeholder，在鼠标聚焦到上面时候，提示文字会消失，失去焦点之后，又会出现： 但是在不支持html5的低版本的浏览器中，placeholder属性是无效的，为了解决这个问题，因此，人为的去实现placeholder属性： 代码如下: //placeholder...阅读全文

style type=text/css !-- span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;} -- /style span style=cursor:hand;hand 手型/span span style=cursor:crosshair;crosshair 十字/span span style=cursor:text;text 文...阅读全文

display:block是将对象块状化 display:none 是不显示 Qu1:我经常看到有做一个层，然后里面写点什么东西，然后就给它个属性display:none,这样这个东西就在网页上看不见了，但为什么还要建一个层呢，不是无谓的增加网页大小么？ An:1。可以用js让它们显示 2。...阅读全文

1、 制作一张很小的透明图片。嵌入到文本当中或者行首。这种方法实现起来比较麻烦。 2、 使用全角空格。为什么这种方案可行呢？因为全角空格实现起来比较简单。虽然也是空格但是对应的HTML代码却不是空格代码。而是另外的代码，因此Dreamweaver把他当字符处...阅读全文