<?xml version="1.0" encoding="gbk"?>
<rss version="2.0">
  <channel>
    <title>南京做好站网络科技有限公司 - CSS精华教程</title>
    <link>https://zuohaozhan.com/forum-89-1.html</link>
    <description>Latest 20 threads of CSS精华教程</description>
    <copyright>Copyright(C) 南京做好站网络科技有限公司</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Sat, 09 May 2026 02:45:26 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://zuohaozhan.com/static/image/common/logo_88_31.gif</url>
      <title>南京做好站网络科技有限公司</title>
      <link>https://zuohaozhan.com/</link>
    </image>
    <item>
      <title>第十天　div+css网页标准布局实例教程（三）</title>
      <link>https://zuohaozhan.com/thread-415-1-1.html</link>
      <description><![CDATA[前边两节学完后，前台工作基本上完成了，下边的任务该程序员添加程序了。为什么说是基本完成呢？因为要做的工作还很多，不但要把首页做出来，其它的列表页详细页等页面也得做。还要配合程序员把整个网站完成，这样才能呈现给用户。应部分同学的要求，讲解一下程序怎么添 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:19:38 +0000</pubDate>
    </item>
    <item>
      <title>第十天　div+css网页标准布局实例教程（二）</title>
      <link>https://zuohaozhan.com/thread-414-1-1.html</link>
      <description><![CDATA[（接上一篇，本节教程文字较多，比较枯燥，如果前边知识学习牢固，可以直接下载源代码查看，哪个地方不明白，再回过头来看哪一部分）
五、布局页面——头部和导航 有了上边的基础，下面的任务就是要利用html和css制作完成一个完整的网页了。先从头部开始，第三小节时我 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:18:19 +0000</pubDate>
    </item>
    <item>
      <title>第十天　div+css网页标准布局实例教程（一）</title>
      <link>https://zuohaozhan.com/thread-413-1-1.html</link>
      <description><![CDATA[今天学习《十天学会web标准(div+css)》的最后一个章节，本章节把前面学习的零碎内容串联起来，组织成一个网站，将根据本人这些年来的从业经验，从建立站点到一个完整的div+css网页的完成，整个流程下来，希望能对各位有所帮助。由于本节内容较多，将分三部分来讲解。
 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:17:18 +0000</pubDate>
    </item>
    <item>
      <title>第九天　CSS表单设计</title>
      <link>https://zuohaozhan.com/thread-412-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》的css表单设计，包含以下内容和知识点：

[*]改变文本框和文本域样式
[*]用图片美化按钮
[*]改变下拉列表样式
[*]用label标签提升用户体验
一、改变文本框和文本域样式如果前边几章学习的比较扎实的话，本节教程就相 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:16:17 +0000</pubDate>
    </item>
    <item>
      <title>第八天　下拉及多级弹出菜单</title>
      <link>https://zuohaozhan.com/thread-411-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》的下拉及多级弹出菜单，包含以下内容和知识点：

[*]带下拉子菜单的导航菜单
[*]绝对定位和浮动的区别和运用
[*]css自适应宽度滑动门菜单
一、带下拉子菜单的导航菜单下拉菜单在一些企业网站应用尤为广泛，它存在使用 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:15:43 +0000</pubDate>
    </item>
    <item>
      <title>第七天　横向导航菜单</title>
      <link>https://zuohaozhan.com/thread-410-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》的html列表，包含以下内容和知识点：

[*]横向列表菜单
[*]用图片美化的横向导航
[*]css Sprites
一、横向列表菜单前边学习过纵向导航菜单，又学习了float属性，那么要实现横向导航菜单是不是很简单了，只需要把li横 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:14:44 +0000</pubDate>
    </item>
    <item>
      <title>第六天　html列表</title>
      <link>https://zuohaozhan.com/thread-409-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》的html列表，包含以下内容和知识点：

[*]ul无序和ol有序列表
[*]改变项目符号样式或用图片定义项目符号
[*]横向图文列表
[*]浮动后父容器高度自适应
[*]IE6的双倍边距bug
一、ul无序和ol有序列表无序列表是web标准 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:13:46 +0000</pubDate>
    </item>
    <item>
      <title>第五天 超链接伪类</title>
      <link>https://zuohaozhan.com/thread-408-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》超链接伪类，包含以下内容和知识点：

[*]链接的四种样式
[*]将链接转换为块状
[*]用css制作按钮
[*]首字下沉
一、超链接的四种样式本来计划这节课放到第九章中讲解，但下边的章节都涉及到了，所以提前来学习一下， ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:12:09 +0000</pubDate>
    </item>
    <item>
      <title>第四天 纵向导航菜单及二级弹出菜单</title>
      <link>https://zuohaozhan.com/thread-407-1-1.html</link>
      <description><![CDATA[今天我们开始学习《十天学会web标准(div+css)》的纵向导航菜单及二级弹出菜单，包含以下内容和知识点：

[*]纵向列表
[*]标签的默认样式
[*]css派生选择器
[*]css选择器的分组
[*]纵向二级列表
[*]相对定位和绝对定位
一、纵向列表纵向列表或称为纵向导航，在网 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:10:20 +0000</pubDate>
    </item>
    <item>
      <title>第三天 二列和三列布局</title>
      <link>https://zuohaozhan.com/thread-406-1-1.html</link>
      <description><![CDATA[今天学习《十天学会web标准(div+css)》的二列和三列布局，将涉及到以下内容和知识点

[*]二列自适应宽度
[*]二列固定宽度
[*]二列固定宽度居中
[*]xhtml的块级元素(div)和内联元素(span)
[*]float属性
[*]三列自适应宽度
[*]三列固定宽度
[*]三列固定宽度居中 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:05:42 +0000</pubDate>
    </item>
    <item>
      <title>第二天 一列布局</title>
      <link>https://zuohaozhan.com/thread-405-1-1.html</link>
      <description><![CDATA[[*]一列固定宽度
[*]一列固定宽度居中
[*]一列自适应宽度
[*]一列自适应宽度居中
[*]一列二至多块布局
前一节我们回顾了xhtml基础和css基础部分，今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅。相信之前您已经用过这个软 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:03:56 +0000</pubDate>
    </item>
    <item>
      <title>第一天　XHTML CSS基础知识</title>
      <link>https://zuohaozhan.com/thread-404-1-1.html</link>
      <description><![CDATA[欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法，建议大家还是称之为web标准。
学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。如果您刚开始学习网页制作，不知道什么是表格布局及html ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:03:05 +0000</pubDate>
    </item>
    <item>
      <title>CSS学习笔记：id与class、padding和margin、min-height和height</title>
      <link>https://zuohaozhan.com/thread-403-1-1.html</link>
      <description><![CDATA[id和class到底要用哪一个？

　　首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。
　　id的优点（class的缺点）：id写在css用\&quot;#\&quot;选择器，class写在css中用\&quot;.\&quot;选择器。\&quot;#\&quot;选择器的优先级高于\&quot;.\&quot;选择器大约10倍，所以当你需要提升优先级的 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:01:30 +0000</pubDate>
    </item>
    <item>
      <title>CSS中Class与ID的区别，Margin与Padding的区别</title>
      <link>https://zuohaozhan.com/thread-402-1-1.html</link>
      <description><![CDATA[Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。
　　这两个区别都是比较容易混淆的问题，尤其是Class与ID，相信很多人并没有仔细了解 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:00:58 +0000</pubDate>
    </item>
    <item>
      <title>CSS技巧：五个方面促进你写出更加专业的CSS代码</title>
      <link>https://zuohaozhan.com/thread-401-1-1.html</link>
      <description><![CDATA[　每个人都可以编写CSS代码，甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗？用这五个方面改进你的CSS，会让你显得更加专业，也能使代码有好！一、重置
　　首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset，或者你 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 01:00:30 +0000</pubDate>
    </item>
    <item>
      <title>详解CSS网页布局中默认字体样式</title>
      <link>https://zuohaozhan.com/thread-400-1-1.html</link>
      <description><![CDATA[浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。
　　拿字体 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 00:59:59 +0000</pubDate>
    </item>
    <item>
      <title>DivCSS小结：浏览器默认HTML的CSS样式属性</title>
      <link>https://zuohaozhan.com/thread-399-1-1.html</link>
      <description><![CDATA[这个“浏览器默认HTML的CSS样式属性”，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 
　　但通配选择器在大型网站的构建中，影响性能，可以参考52CSS.com的相关文章， ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 00:59:08 +0000</pubDate>
    </item>
    <item>
      <title>10个DIV+CSS需要注意的问题</title>
      <link>https://zuohaozhan.com/thread-398-1-1.html</link>
      <description><![CDATA[1. 检查HTML元素是否有拼写错误、是否忘记结束标记 

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 

2. 检查CSS是否正确 

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCS ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 00:58:34 +0000</pubDate>
    </item>
    <item>
      <title>如何定义CSS3属性的书写顺序</title>
      <link>https://zuohaozhan.com/thread-397-1-1.html</link>
      <description><![CDATA[一、不同书写顺序示例
首先是比较聪明和值得推荐的写法：
.not-a-square {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

下面就是我们可能不怎么在意的，可能会产生问题的书写顺序：
.not-a-square {
border-radius: 10px;
-web ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 00:58:04 +0000</pubDate>
    </item>
    <item>
      <title>CSS3:伪类前的冒号和两个冒号区别</title>
      <link>https://zuohaozhan.com/thread-396-1-1.html</link>
      <description><![CDATA[　在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？ 

　　这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(用于CSS3伪类，双冒号(:用于CSS3伪元 ...]]></description>
      <category>CSS精华教程</category>
      <author>admin</author>
      <pubDate>Tue, 09 Jul 2013 00:57:33 +0000</pubDate>
    </item>
  </channel>
</rss>