YOYO的最新BLOG文章

去掉框架横向滚动条的问题困扰了我很久了，一直都没有找到很妥善的办法来解决，网络上也是莫衷一是，没有一个完全正确的，而今天我终于解决了，这主要应该感谢SkyClan，他那一篇去掉横向滚动条的文章写的很棒，只是有点小小的错误，我在下面会提到。

框架代码：

这段代码在Firefox下面是正常的，但是在IE上运行总是有一个横向的滚动条，特别烦人。而你把mainFrame里面的scrolling设置为yes之后，IE是好了，而Firefox里面就出问题了，所以我首先考虑到的是用javascript解决，但是最终是失败的，而我代码是没有问题的，所以我也不知道为什么会是失败的。

这里还有一个办法，如果你的框架是用于动态网站上的话，你可以通过动态语言来控制在不同的浏览器下面现实不同的scrolling的值，不过不是动态网站的话就没办法了，继续往下看吧。

在用CSS来解决的时候，Skyclan给出的办法是在mainFrame的文件中（content.html）另外加一段CSS，如下：

而我测试的结果是失败的，而我把上面的CSS样式中的body{…}改为htm{…}却成功了。经过我的反复测试得出的结论是只有在不声明DTD的时候body{…}和html{…}才是都可以的，声明了DTD的情况下，只有html{…}是可以的。

通过上面的方法，丑陋的横向滚动条终于没有了，最后还是要再次感谢SkyClan。

这是上周为公司人员培训而准备的CSS教程，这次的教程比上次CSS培训详细了不少，希望对初学CSS的朋友有所帮助。

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

一、如何使用CSS样式

1、链接外部样式（推荐）

特点：样式与代码分离。2、定义内部样式块对象

特点：页面内部使用，方便，下载流量会适当减少。

3、内联定义。

特点：随意、方便。

推荐第一种调用方式。伪类的几种样式是无法通过第三种样式定义的。

二、语法
样式表语法 (CSS Syntax)
元素 { 属性:值 }
元素的写法将在下面第三部分讲到，属性和值将在第四部分讲到。

三、选择符
通配选择符、类型选择符、属性选择符、包含选择符、子对象选择符、类选择符、ID选择符、选择符分组、伪类和伪对象选择符。

1、类型选择符

<div>定义的样式</div>

特点：不用定义额外的元素，直接可以写CSS样式。

2、ID选择符（#）

<div id=”text”>定义的样式</div>

特点：可以为单独为某个元素定义的样式。

3、类选择符（点）

<div class=”text”>定义的样式</div>

特点：可以为一个页面里面多个应用此类的元素定义样式。

4、包含选择符

特点：精准定位到某个元素。

上面四种写法在我们平时用的都比较多，对于第四种是前三种的一种灵活的写法。具体用哪种方式，大家可以根据自己的情况来定。

阅读全文 ->

我浏览域名主机网站HOSTDIY的时候，差不多都是在Firefox里面浏览，仅仅在做的时候用IE调试过。而最近在IE里面发现页面的最上部总是有一行空白，页面老是顶不到最上面，我在css里面把页面的margin和padding都设为0都不行，于是郁闷了好几天。

今天在下了不解决誓不罢休的决定之后，我开始查找影响布局的原因，然而调试来调试去，可是问题就是得不到解决，html代码和css代码我都测试过了，而且该删的也删了，该去的也去了，可是就是不行。就在我束手无策的时候，我顺手把一个页面的编码改为gb2312（原来是utf-8），发现上面那一行空白的前面出现了一个问号，我一下子明白过来，是编码出问题了，于是两个编码不断的切换测试，最终发现是引用的一个文件编码是gb2312，和整站的编码不同，把它改为utf-8问题就全解决了。

这时候忽然想起以前好像也遇到过一次这样的问题，也是因为编码的问题导致的页面布局错位，联想起做的这些不同编码的网站来，我觉得总结一下还是有必要的：在做网站之前，也就是在策划这个网站的时候就应该把编码定下来，在做页面的时候所有的页面都使用这一种编码，而且引用的小文件也要转化为这样的编码，这样做好的页面就不会出问题了。
阅读全文 ->

对于做网页的人，很多时候都会遇到编码的问题，而且有些时候是很烦恼的事，因为中文在其他的一些西方编码的网页上显示的是乱码。那西方编码真的不支持中文文字吗？不是的，在使用西方编码的时候，我们同时也可以让网页显示中文。

我们就是用unicode编码来实现这个功能的，其实现在的dreamweaver 8.0也支持这个功能了，你可以在视图编辑的情况下输入中文，然后在代码视图里面查看，你就会看到一串unicode编码，而非中文字符，例如：“中国”会被编译为“中国”。

这个方法在很多非中文编码的情况下会用到，所以在西方编码的网页上，我们照样可以看到中文。如果你是中文站点，就直接可以用支持中文的编码（如：GB2312和UTF-8），没必要来回转化的。

经过最近一段时间的寻找和测试，我发现了用CSS实现圆角的三种方法：
第一种
CSS圆角效果，仅支持IE，不支持firefox

阅读全文 ->