2008-10-21 22:26 by 霉川类酷 本站原创
真的发觉自己写博客不会写题目了！写出来害怕看的人读不懂。
这两天我都在写DIV+CSS页面，边写边摸索，一些基础知识也巩固了，平时觉得不起眼的代码也会起到至关重要的作用。目前总的来说我还有几大盲点。一：浮动与清楚浮动的透彻理解与写法；二，相对定位与绝对定位；三，属性的继承关系；四，符合标准的标签的使用。(内容部门一般用<p>吧，可是我老喜欢用<div>来装)；五，代码的重复使用等等问题。
这样一看，感觉我还是不会DIV了，更别说专业运用了。不过今天有个小小的心得。事情源于我写完一个页面，有个地方怎么调试都调试不好，差点抓狂了。一个技术群里的老大提醒了一句：检查DIV标签有没有闭合。
这两天我都在写DIV+CSS页面，边写边摸索，一些基础知识也巩固了，平时觉得不起眼的代码也会起到至关重要的作用。目前总的来说我还有几大盲点。一：浮动与清楚浮动的透彻理解与写法；二，相对定位与绝对定位；三，属性的继承关系；四，符合标准的标签的使用。(内容部门一般用<p>吧，可是我老喜欢用<div>来装)；五，代码的重复使用等等问题。
这样一看，感觉我还是不会DIV了，更别说专业运用了。不过今天有个小小的心得。事情源于我写完一个页面，有个地方怎么调试都调试不好，差点抓狂了。一个技术群里的老大提醒了一句：检查DIV标签有没有闭合。
Posted in 关注网络 | 6 Comments | 422 Hits
2008-10-14 17:21 by 霉川类酷 本站原创
这个题目好像取得不对。
为什么会有CSS hack技术呢？因为现在有几种浏览器，某种浏览器又有好几个版本，每个版本的浏览器以及每种类别的浏览器对同一张网页解释出来的效果是不同的。本来在IE6.0下漂漂亮亮的一张网页，在IE7.0下可能就乱糟糟的了。为了让我们的网页在各种不同的浏览器下显示出同一效果，就需要hack！
CSS hack的原理是什么呢？有人干脆说就是利用浏览器的BUG来整的，浏览器之间的竞争让他们各自为政，闭关自守，都没有遵守那个什么w3c的规范，标准。我们多写一串代码，IE6能识别，IE7不能识别，那就算是对IE6 hack的成功。大致是这样的吧。
有关CSS hack的文章网上一大把，都跟毕业论文一样，太详细，废话太多。像我们这种偶尔做张网页，临时要用的话，还真没时间去抓那个重点。我们不做理论，只管挑一种最简单，最好记的用就行！下面是我经常用的，视为笔记吧。
为什么会有CSS hack技术呢？因为现在有几种浏览器，某种浏览器又有好几个版本，每个版本的浏览器以及每种类别的浏览器对同一张网页解释出来的效果是不同的。本来在IE6.0下漂漂亮亮的一张网页，在IE7.0下可能就乱糟糟的了。为了让我们的网页在各种不同的浏览器下显示出同一效果，就需要hack！
CSS hack的原理是什么呢？有人干脆说就是利用浏览器的BUG来整的，浏览器之间的竞争让他们各自为政，闭关自守，都没有遵守那个什么w3c的规范，标准。我们多写一串代码，IE6能识别，IE7不能识别，那就算是对IE6 hack的成功。大致是这样的吧。
有关CSS hack的文章网上一大把，都跟毕业论文一样，太详细，废话太多。像我们这种偶尔做张网页，临时要用的话，还真没时间去抓那个重点。我们不做理论，只管挑一种最简单，最好记的用就行！下面是我经常用的，视为笔记吧。
Posted in 关注网络 | 4 Comments | 435 Hits
2007-7-26 11:11 by 霉川类酷 本站原创
我制作模版的时间不多，到目前为止好象也就做了五个模版出来，有两个我自认为就不好意思拿出来见人。我也想多做一些好的模版出来，不为BO-BLOG做贡献，就为最大限度地宣传自己的博客，树立个人品牌形象。可是，不是我没有那么多时间，就是没有好的创意。说老实话，有时候我眼高手低，比较平庸的模版我看不上，非常精美的模版又心有余而力不足。因为精美的模版往往需要一些PS技巧，仅靠写几行CSS代码是完不成的。而我PS仅仅入了门。虽然我制作的模版不多，而且漏洞百出，但是还是积累了一些经验。比如，制作模版时该用什么浏览器调试呢？以下谈谈我的观点。
我们在选择用何种浏览器调试的缘故是为了更好地兼容其他浏览器。目前，浏览器那么多，用户有很大的选择领域，虽然说IE6是主流的浏览器，但是还是有相当一部分用户使用着IE7，
我们在选择用何种浏览器调试的缘故是为了更好地兼容其他浏览器。目前，浏览器那么多，用户有很大的选择领域，虽然说IE6是主流的浏览器，但是还是有相当一部分用户使用着IE7，
Posted in 关注网络 | 2 Comments | 1560 Hits
2007-4-30 18:52 by 霉川类酷 本站原创
今天收到了《CSS网站布局实录》书。这书从卓越网走了足足两个星期才到我的手里。
我也不知道我怎么会对WEB标准产生了这么浓厚的兴趣。两三个月前，我学着做了一个BO-BLOG模版，在那堆代码中迷茫了好久。不过还好，它总算让我对CSS有了一个感性的认识，也让我深刻体会到了WEB标准的魅力。所以我下定决心要学会它。
最初在蓝色理想上面看到，大家都在推荐这本书，而我所在的学校图书馆里居然还没有一本有关WEB标准的书籍，所以我就到卓越网去订购了一本。等我订购后再到网上仔细一查有关它的书评，我才发现，大多数都在提到一个严重的问题：错别字太多！有人提到它里面把id和class都写反了。我的天，这还得了！id和class的区别正是我急切想要搞清楚的。
我也不知道我怎么会对WEB标准产生了这么浓厚的兴趣。两三个月前，我学着做了一个BO-BLOG模版，在那堆代码中迷茫了好久。不过还好，它总算让我对CSS有了一个感性的认识，也让我深刻体会到了WEB标准的魅力。所以我下定决心要学会它。
最初在蓝色理想上面看到，大家都在推荐这本书，而我所在的学校图书馆里居然还没有一本有关WEB标准的书籍，所以我就到卓越网去订购了一本。等我订购后再到网上仔细一查有关它的书评，我才发现，大多数都在提到一个严重的问题：错别字太多！有人提到它里面把id和class都写反了。我的天，这还得了！id和class的区别正是我急切想要搞清楚的。
Posted in 琐琐碎碎 | 0 Comments | 1060 Hits
2007-4-16 22:12 by 霉川类酷 本站原创
该教程转自 番茄's Blog 仅够学习之用
四、页面制作(1)----用好border和clear
由于找工作找房子的原因，隔了这么久才能开始写教程，心里感觉很对不起一直在关注本站的朋友，今天是找到房子的第二天，于是赶快继续写教程。
这一节里面，主要就是想告诉大家如何使用好border和clear这两个属性。
首先，如果你曾用过table制作网页，你就应该知道，如果要在表格中绘制一条虚线该如何做，那需要制作一个很小的图片来填充，其实我们还有更简单的办法，只要在
大家可以再次参考手册，然后你就能明白dashed、solid、dotted...等的作用，利用它们你可以制作出许多效果来，实线、虚线、双线、阴影线等等。
四、页面制作(1)----用好border和clear
由于找工作找房子的原因，隔了这么久才能开始写教程，心里感觉很对不起一直在关注本站的朋友，今天是找到房子的第二天，于是赶快继续写教程。
这一节里面，主要就是想告诉大家如何使用好border和clear这两个属性。
首先，如果你曾用过table制作网页，你就应该知道，如果要在表格中绘制一条虚线该如何做，那需要制作一个很小的图片来填充，其实我们还有更简单的办法，只要在
<divstyle="border-bottom:1px dashed #ccc"></div>
大家可以再次参考手册，然后你就能明白dashed、solid、dotted...等的作用，利用它们你可以制作出许多效果来，实线、虚线、双线、阴影线等等。
Posted in 关注网络 | 0 Comments | 970 Hits
2007-4-16 21:53 by 霉川类酷 本站原创
该教程转自 番茄's Blog 仅够学习之用
三、页面顶部制作(2)----使用列表<li>制作菜单
开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
这一节我将告诉大家如何用列表<li>来制作菜单。
程序代码
三、页面顶部制作(2)----使用列表<li>制作菜单
开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
这一节我将告诉大家如何用列表<li>来制作菜单。
程序代码
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menuDiv"></li>
<li><a href="#">设计</a></li>
<li class="menuDiv"></li>
<li><a href="#">相册</a></li>
<li class="menuDiv"></li>
<li><a href="#">论坛</a></li>
<li class="menuDiv"></li>
<li><a href="#">关于</a></li>
</ul>
</div>
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menuDiv"></li>
<li><a href="#">设计</a></li>
<li class="menuDiv"></li>
<li><a href="#">相册</a></li>
<li class="menuDiv"></li>
<li><a href="#">论坛</a></li>
<li class="menuDiv"></li>
<li><a href="#">关于</a></li>
</ul>
</div>
Posted in 关注网络 | 0 Comments | 1068 Hits
