Jorux Notebook

Just a web designer's blog

Adblock Plus—清洗网易新闻

事出有因:
1. 由于本人设计网页的缘故, 习惯使用Firefox浏览器(浏览本站的访客中只有1%在使用Firefox);
2. 网易是三大门户网站中唯一使用css+div构站的, 界面比较干净, 所以习惯于浏览网易新闻的news.
基于以上两个前提, 你会发现用Firefox浏览网易新闻时, cpu占用率就会居高不下, 形同死机状. 最初以为是某个插件与其冲突, 但用Firefox的安全模式, 屏蔽掉所有插件后, 症状依然.

属性篇(3)—If you love css …

本篇主要介绍css对边框(border)的属性控制和链接(link)的伪类选择器.
边框(border): css控制的边框属性包括border-width, border-color, border-style.
Border之所以让人很困惑主要源于IE5错综复杂的BUG, 由于IE5是一个”will soon be dead“ 的浏览器, 这里只例举一个最为知名的关于border-width的BUG, 让大家更好的理解border的含义, 先看下图:

属性篇(2)—If you love css …

上次主要说明了css对于颜色和文本属性的控制, 这次介绍css对于字体, 背景等属性的控制.
字体(Font):css控制的字体属性包括font-family, font-style, font-variant, font-weight, font-size.
1.font-family: 由字体名(family-names)和字组名(generic families)两个部分组成.首先来看个实例,例:查看Jorux.com首页的css文件,可以看到以下代码:

属性篇(1)—If you love css …

本教程主要介绍css的基础知识,将逐个讲解css的各个属性,过程可能比较枯燥,但会尽力多举例说明.
css语法:例:用Web Developer的css查看功能查看Jorux.com首页的css文件,可以看到以下代码:
body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}
是不是有点复杂,现在我们没有必要细究以上代码,先简化以上代码为:
body {text-align:left;}
这便是基本css语法结构:

Designed by Jorux. Proudly powered by WordPress    Except where otherwise noted, this site is licensed under a Creative Commons License.