怎么利用CSS给页面中赋值

html-css0147

怎么利用CSS给页面中赋值,第1张

css本身不是程序,是无法给页面赋值的。这是js的活。

如果把html比作一间房子,那么css就是装修设计图,而图纸是不可能直接变成房子的装修效果的,必须把房子的每个部件与图纸上设定的样式进行套用才会产生效果,而js就像是施工人员,可以在这个过程中进行灵活调度,并且根据各种实时事件来产生各种动态效果。

简单说一下

比如在新闻页

在最上面定义一个

page="news"

因为不知道你是用什么语言,所以我就用ASP来举例子。

然后在你菜单那个文件里

<li<%if page="index" then%>class="active" <%end if%>><a href="index.asp">首页</a></li<%if page="news then%>class="active" <%end if%>><li><a href="news.asp">新闻</a></li>

大概是这样子,原理就是在每个页面page值直接在菜单那里,判断

也有用JS,JQ来做的

其实原理都是一样的

每个页面定义一个ID,或者直接把你所有菜单数做成一个数组,

在菜单页面判断ID或者读取这个数组,用JS或者JQ来写个class就行了。

一行有四个标签时,给它设置一个类名,style_4,三个时,设置类名style_3。

PS:其实我不知道你是什么的布局,按照你描述的需求,我个人觉得一般每行放几个标签,是根据浏览器的分辨率来分的。比如我把标签设置成220像素宽,浏览器一行是1000像素,放四个刚刚好,那么就放四个;浏览器是800像素,只能放三个,那么就放三个。我觉得每个标签应该设置成一样的,而不是先放了几个,再设置标签的宽度。就是说先有了标签宽度,再确定一行放几个,而非一行放了几个了再确定宽度。