刚学 网页制作 的时候，老师曾经告诉我必须用CSS强制定义字体大小，否则保证每个人都看到一致的效果。这一点在现在的中国站点尤为明显。包括网易、搜狐这些门户网站在内的大部分站点，用的都是绝对单位px（像素）。但是，如果从网站易用性方面考虑，字体大小应该是可变的，一些视力不是那么好的人需要放大字体才能看得清页面

起源： .clearfix :after { visibility : hidden ; display : block ; font-size : 0 ; content : ; clear : both ; height : 0 ; } .clearfix { display : inline-table ; } /* Hides from IE-mac \*/ * html .clearfix { height : 1 % ; } .clearfix { display : block

对于前端爱好者来说正确的理解样式、标签尤为重要。视频讲解的比较基础，但讲解的内容很详细、很到位。无论你是初学者还是高手，以下收集分享的3个讲解css及标签的视频，定会对你有某些帮助的！

CSS已经成为网页前端设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码，你可以做出简单的Tooltip。这是CSS代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

使用Table布局页面为什么是不明智的？ 大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵活法呢，比如今天你好不容易做出来的页面，第二天老板说我不喜欢登录模块放到右边，还是放到左边，通知板块

课程关键词： 盒模型 、 块状元素与内联元素 、 CSS选择器 【例子】 要求： 1）宽度、高度均是200像素； 2）颜色为红色#900； 自己做做，看看能不能作出来？先不要看我的代码，如果真的做不出来，就下载下来，跟着我下面说的一步一步修改。 下面是我的代码： 例子1.rar (498 Bytes) 在IE6和FF中显示效果如下图： 怎么样，比

xHTML+CSS与SEO的内容，后面章节会详细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎看的，所以不能不提提xHTML+CSS与SEO的关系。 1)将页面中最重要的内容用h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面的核心关键词，

课程关键词：浮动 页面布局有两种方式 1）浮动Float 2）定位Position 今天就来一个小小的练习，让大家理解Float的含义 【例子】 要求： 1）两个方块，一个红色#900，一个蓝色#009； 2）红色方块宽度和高度均为200像素，蓝色方块 宽度为300像素，高度为200像素； 3）红色方块蓝的上外边距(margin-top)和左外边距(margin-left