在当今网页设计/开发实践中,使用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把他当字符处...阅读全文
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关...
虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找...
一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要...
网上整理的比较好的css命名规则,为css代码的规范化做参考,增加代码的可读性。 id的...
要点1:css代码 优化作用与意义 1、减少占用网页字节。在同等条件下缩短浏览器下载css...
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元...