您现在的位置是：网站首页> 编程资料编程资料

你必须要知道的几个CSS技巧_CSS_网页制作_

2023-11-05 245人已围观

简介 本文主要介绍了CSS的几个技巧，具有很好的参考价值，下面跟着小编一起来看下吧

有些经典的CSS技巧，我们还是需要记住的，这样可以节省我们大量的时间，下面零度就为大家推荐几个比较好的CSS技巧：

1、在不同页面上使用同样的导航代码

许多网页上都有导航菜单，当进入某页时，菜单上相应这一项就应该变灰，而其他页亮起来。一般要实现这个效果，需要写程序或专门为每一页做设计，现在靠CSS就可以实现这个效果。

首先，在导航代码中使用CSS类：

然后分别为每一页的Body指定一个id，和上面类同名。如。

然后设计CSS如下：

#home .home, #about .about, #contact .contact { commands for highlighted navigation go here }

这里，当id设为home时，.home就会起作用，也就是class设为home的那一行导航条就会显示出特殊效果来。其他页也是如此。

怎么样，是不是很简单呢？

2、Block和inline元素对比

所有的HTML元素都属于block和inline之一。block元素的特点是：

总是在新行上开始；

高度，行高以及顶和底边距都可控制；

宽度缺省是它的容器的100%，除非设定一个宽度

,

,

,
,

相关内容

点击排行

本栏推荐

猜你喜欢