文章标签 ‘css’
在DIV+CSS设计网页时, 总会碰到一些CSS属性优先级问题. 如果不清楚优先级的等级, 直接想当然的认为应该是这样, 就很容易出错. 这里分析一个本人碰到的问题, 学习一下属性优先级问题.
下面是代码测试代码:
通过CSS来隐藏文字是网站设计做常用的方法, 有多种方法可以达到隐藏文字的目的. 这些方法各有优点和缺点, 下面就来看看这些用CSS隐藏文字的
一. CSS语句:display:none
这种方法就是使定义的区块内容都不可见, 来达到隐藏文字的目的,这种方法虽然简便且有效,但它有个致使的缺点就是对搜索引擎不友好,容易被认为是在作弊, 还有好多程序都会认为区块内容没有而略过而读不到内容, 这很不利于SEO的. 关于SEO具体可以看: SEO学习必须通过这个途径
在我们写有的程序模板的时, 有时想突出重点, 想临时改变链接的颜色. 会发出不太好操作, 因为如果用CSS直接定义<a>的color 是不能改变链接的颜色的. 要去定义上级元素的 a 属性, 这样如果只有少量的几个链接要改变颜色, 这样去做就太麻烦了.
有没有简单一点的方法. 我的做法是先设好几个颜色的class, 直接在 <a> 里加入一个class就行了.
对一个没有确定数目的element, 如果有的元素跟其它的不一样,处理起来很麻烦. 比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个 | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class. 这样程序和页面两个方面都要更改.
其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.
前提是页面载入了jquery, 加入以下代码:
$(document).ready(function() {
$("#menu li:last").addClass("noseptation");
});
其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,
这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.
