html css建站,css

浅浅的花香味﹌ 2022-10-10 06:43 103阅读 0赞

![063f762df485b16a55501bc720d6dbe5.png][]

让IE系列浏览器支持CSS圆角属性的插件ie-css3.htc，可以支持CSS3中的圆角和阴影属性。

懒人建站 ⋅ 2010-08-26

![8ec94ba4bbb37da47e4d969dc482978c.png][]

仿支付宝的黄色导航,纯HTML+CSS结构,划过超链接下拉菜单中带说明，利用了a:hover这个属性，代码很简单，很容易读懂。

懒人建站 ⋅ 2010-08-04

DIV浮动层绝对居中定位用CSS怎么写？详细解说，直接看样式，下面的写法兼容IE系列浏览器和火狐浏览器。

懒人建站 ⋅ 2010-07-03

![8e226a32cb175d715230cbd8a817d19f.png][]

一个纯CSS实现的横向下拉菜单导航，呵呵，这里也许你说我忽悠你，里面明明有一段JS，没办法为了兼容IE6，只好加一小段。 原理是利用了任意标签的:hover伪类，IE6不支持，那一段JS 就

懒人建站 ⋅ 2010-05-16

![98fd971366e2f41b98842f52f4adca99.png][]

纯CSS的固定底部广告层，兼容IE6，里面有一个JS是为了实现 关闭的，CSS是不具备关闭按钮功能的，这个关闭JS，其实是可以改造下实现点击关闭再次点击展开。

懒人建站 ⋅ 2010-05-12

![e852bad9008cc78cf625064c7f324705.png][]

鼠标滑过文章列表上出现简短描述和QQ头像或者其他产品图片等的图文列表。

懒人建站 ⋅ 2010-04-24

![b550c4cfa21e17df9710bb88686adc58.gif][]

原理：利用a:hover来对其中元素进行隐藏显示。在a:hover\{\}写入任何属性来使IE6中的a:hover恢复正常。

懒人建站 ⋅ 2010-03-20

最好不要在你的类名或者ID名中去加入颜色或者长宽的尺寸等带有属性的名字。

懒人建站 ⋅ 2010-03-09

在只需要兼容ie6的时候完全不需要注意min-height这个样式，ie6不支持这个样式。

懒人建站 ⋅ 2010-03-04

对于padding：ie6，ie7(FF)对带有padding样式的标签的宽度的解析是不一样的。ie6的标签宽度不包含padding-left和padding-right的值，而ie7和ff则是包含的。

懒人建站 ⋅ 2010-03-04

id写在css用"\#"选择器，class写在css中用"."选择器。id应该是唯一的，所以它的可复用性是很差的，而class是可以复用的。。"\#"选择器的优先级高于"."选择器大约10倍

懒人建站 ⋅ 2010-03-04

通常直接写filter:alpha(opacity=50) 会把文字一起透明，该CSS写法可以实现只半透明背景不透明文字。提示兼容IE6/IE7/火狐。

懒人建站 ⋅ 2010-02-26

这种设置方法在比较遵循CSS标准的浏览器中可能失效，解决方案就是把body换成html。

懒人建站 ⋅ 2010-02-08

1、CSS单行垂直居中，2、DIV层水平居中,3、css层中的文字水平居中，4、div层垂直居中，6、div垂直滚动，7、CSS垂直居中和使用text-align水平居中

懒人建站 ⋅ 2010-01-19

![a1731d2a6443bf14f28d002b1e99eb66.png][]

一句样式解决IE7中缩略图锯齿问题

为你的缩略图样式加上如下一句话：

img.img0 \{ -ms-interpolation-mode: bicubic; \}

img\{ -ms-interpolation-mode: bicubic; \} 为IE7私有属性，可以使缩略图变的平滑，

懒人建站 ⋅ 2010-01-11

纯DIV+CSS实现三列自适应高度，在IE6/IE8/火狐 下面都非常的完美。

懒人建站 ⋅ 2009-12-28

用CSS来实现渐变效果。懒人建站(51xuediannao.com)并不是很推荐这种方法，还是建议把渐变做成图片比较好。

懒人建站 ⋅ 2009-12-16

![eb2faa22f6857da34eef04d909b514bd.png][]

UL LI结构的二级导航菜单，HTML+CSS+JS来实现。修改说明：宽高主要是修改下面的几个样式。

懒人建站 ⋅ 2009-12-02

一个用JS实现类似flash效果的竖向折叠二级菜单，HTML+CSS+JS结构，看起来很酷，菜单展开很有弹性。

注意：此代码目前不是很符合标准，所以不能再页头声明 DTD，否则在谷歌浏览器下无

懒人建站 ⋅ 2009-12-02

![0c01d22b32d86c8d4b4b1ec536df6340.png][]

这是一个类似阿里妈妈的右下角弹出浮动窗口广告代码，可关闭可最小化。HTML+CSS+JS结构修改方便。

懒人建站 ⋅ 2009-12-01

![dbb808d6311645808e212f131d906c72.png][]

这是一个类似城市联盟的右下角弹出浮动窗口广告代码，可关闭可最小化，这个弹出窗口中的新闻列表还可以向上滚动显示。

HTML+CSS+JS结构，修改起来比较方便。

懒人建站 ⋅ 2009-12-01

![e53a426c73e117417bd40ed3500a8fd8.png][]

由鼠标点击左右箭头来控制的横向平滑分组切换，HTML+CSS+JS结构。分组切换完后切换到第一组。修改说明：分组修改：如下示例在其中添加链接即可

懒人建站 ⋅ 2009-11-28

![3b84d7a20069792c9b6acfc29d07728a.png][]

国美电器商城首页的焦点幻灯片，纯HTML+CSS+JS结构，没有使用flash文件。这样有利于搜索引擎蜘蛛爬到幻灯片的内容，也就是利于SEO。 这个幻灯片有23中效果随机出现，非常不错。

懒人建站 ⋅ 2009-11-26

这两天想给自己做个博客，有个问题一直困扰我，就是IE7下，页面在上下拖动的时候会闪动，一卡一

卡，不流畅，部分链接再鼠标放上去后要等下才出现预定的 Hover 效果.

懒人建站 ⋅ 2009-11-26

HTML+CSS结构，JS代码极少的滑动门选项卡；

当然界面也是很简陋，需要你根据自己的需要修饰完善。

懒人建站 ⋅ 2009-11-25

![75675f5f26b0d6c1d11b07405e2d13b3.png][]

一个纯HTML+CSS实现的类似微软中国首页的竖向选项卡。老外写的代码全是英文。

结构良好，部分代码如下：

懒人建站 ⋅ 2009-11-25

![5149400689efa8b204bec973927a5576.png][]

HTML+CSS结构的竖向折叠菜单，点击展开二级菜单，结构为HTML+CSS结构，清晰明了，易修改。

废话少说上结构：

懒人建站 ⋅ 2009-11-24

![b20301af7189086a774e65a50348152a.png][]

如果你是使用IE6来做的网页，你也许把一个DIV的高度设置成了固定高度，

你在IE6中他完全是自适应的，随着内部内容的增多他会自动变长。

遗憾的是这种情况在符合web标准的浏览器

懒人建站 ⋅ 2009-11-24

![f43ad48c39d5e30ddbda5f6b8a5007c2.png][]

HTML+CSS模板之无规则新闻列表模板，兼容IE6/IE7/IE8/火狐/谷歌，本站原创HTML+CSS结构无规则新闻列表模板。

懒人建站 ⋅ 2009-11-22

注意：

1、因为a标签是行元素，必须用display:block;把他变成块级元素，同理其他行级标签也是如此

在起作用。

2、height:2em; line-height:2em; 必须制定在要垂直居中的直接父级标签，比如这

懒人建站 ⋅ 2009-11-21

[063f762df485b16a55501bc720d6dbe5.png]: /images/20221005/316e9c7343f147f589af0e71250be5d5.png
[8ec94ba4bbb37da47e4d969dc482978c.png]: /images/20221005/17a3a0792a864dcd8b6efa790f73abfc.png
[8e226a32cb175d715230cbd8a817d19f.png]: /images/20221005/1f375af2a3464a8faa7cee0700810507.png
[98fd971366e2f41b98842f52f4adca99.png]: /images/20221005/587aa5ddebee4e6da5f836709ec55f49.png
[e852bad9008cc78cf625064c7f324705.png]: /images/20221005/0708b9df10ae411ab56bc941ce8eb920.png
[b550c4cfa21e17df9710bb88686adc58.gif]: /images/20221005/5c180fc9136d48d19e9164f79d63e49f.png
[a1731d2a6443bf14f28d002b1e99eb66.png]: /images/20221005/246e197e0109463c8f9b9ed39d6ea04d.png
[eb2faa22f6857da34eef04d909b514bd.png]: /images/20221005/83ea59f06f0e43a596c4f5a113b64d2d.png
[0c01d22b32d86c8d4b4b1ec536df6340.png]: /images/20221005/a021549717894ec2b8d096e128b4b729.png
[dbb808d6311645808e212f131d906c72.png]: /images/20221005/85d86e6a76e34c3eb2a6921f05291271.png
[e53a426c73e117417bd40ed3500a8fd8.png]: /images/20221005/0673baed9487469a9ac3c96754d180b2.png
[3b84d7a20069792c9b6acfc29d07728a.png]: /images/20221005/179e8aedbfd64c77ad856bee66d65ca2.png
[75675f5f26b0d6c1d11b07405e2d13b3.png]: /images/20221005/a40dcba0f7bc49b88c50e8d436ac5203.png
[5149400689efa8b204bec973927a5576.png]: /images/20221005/05e263cf95874f38bd2ee9a5b92fbe58.png
[b20301af7189086a774e65a50348152a.png]: /images/20221005/c691dac070f8430f94db3db29856f73c.png
[f43ad48c39d5e30ddbda5f6b8a5007c2.png]: /images/20221005/802c4b416241412eba7aa40b0b690245.png