<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="css/rss.xslt"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>WEB标准_CSS布局 - CSS网站元素设计</title><link>http://zxh6655.cn/</link><description>网站布局实录! - </description><generator>RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619</generator><language>zh-CN</language><copyright>Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号</copyright><pubDate>Mon, 06 Sep 2010 10:13:15 +0800</pubDate><item><title>网页中文字的色彩处理</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/176.html</link><pubDate>Thu, 26 Aug 2010 14:48:35 +0800</pubDate><guid>http://zxh6655.cn/post/176.html</guid><description><![CDATA[<p>&nbsp;&nbsp;&nbsp; 网页设计中静态文字的色彩设计遵循&ldquo;总体协调、局部对比&rdquo;的原则，结合网页的个性特点进行文字的整体色彩设计。色彩是网页文字设计的一个重要方面，它能够吸引观者的注意力，使文字更加醒目、突出。特别是对不同功能、不同作用的文字的识别，营造优美、迥异的视觉效果，是烘托网页气氛、增强网页注目率的利器。网页中的色彩可供选择的比较多，色彩模式也较丰富。在网页中最终呈现于电脑屏幕上的所有色彩都是RGB模式，即利用光学三原色（即红、绿、蓝）的原理组合而成的色彩模式，ROB各育256级亮度，按照计算，256级的RGB色彩总共能组合出约1678万种色彩。此种模式下，颜色的相加并不会影响他的透明度和纯度。在这种色彩模式下，可以表现丰富的色彩变化，艺术性的网页，其静态文字设计可以更无限制的利用这一优势，以个性鲜明的文字色彩，突出体现网页的整体风格，或原始古拙、或清淡高雅、或静谧幽远、或前卫现代，主要取决于网站对不同网页内容气氛、色调的要求，无固定成规。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/176.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=176</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=176&amp;key=503b3e6a</trackback:ping></item><item><title>css滤镜的是与非</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/175.html</link><pubDate>Mon, 23 Aug 2010 08:40:09 +0800</pubDate><guid>http://zxh6655.cn/post/175.html</guid><description><![CDATA[<p>&nbsp;&nbsp;&nbsp; CSS滤镜的功能有很多，在实际运用中也表现得相当强大。如果要将CSS滤镜的功能完完全全地介绍一遍，那估计得要一本书才能介绍完毕。功能再强大的CSS滤镜都是各个浏览器的私有属性，并不像CSS样式中的大部分属性一样都可以解析。IE浏览器中的CSS滤镜主要包括界面滤镜、转换滤镜和静态滤镜。这3种滤镜分别由很多个不同功能的滤镜组成，其中有前面提到过的透明滤镜、支持PNG-24格式的图片的滤镜，还有光照效果、灰度显示对象内容等诸多滤镜，这里不再一一介绍，有兴趣的读者可以从网络中搜索一下关于CSS滤镜的信息。在CSS滤镜手册中有详细细的CSS滤镜介绍及使用方式介绍。由此可见，CSS滤镜美化页面的效果远远比CSS样式美化页顶印效果好，而且都是利用代码直接完成的，并未修改图片效果。但漂亮的东西总是需要付出代价的，例如&ldquo;魔世界&rdquo;中的那些招式对于所有的游戏玩家都是认同的，很炫很酷，但这款游戏却不是所有的机子都&ldquo;享受&rdquo;得了。过于酷炫的效果需要硬件设备的支持，无法达到相应硬件设备条件的计算机只能望洋兴叹。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/175.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=175</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=175&amp;key=c95f035a</trackback:ping></item><item><title>字体基本样式</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/174.html</link><pubDate>Sat, 21 Aug 2010 16:17:53 +0800</pubDate><guid>http://zxh6655.cn/post/174.html</guid><description><![CDATA[<p>经历过学生时代的读者应该都曾有过在课堂做笔记时，老师会说&ldquo;某段或者某句话是重点，之考试的时候很有可能会考到这方面的内容，请同学做好笔记&rdquo;，那么课本上的某行文字被画上一条下画线或者用荧光笔画上淡淡的背景。网页中要传达的信息也是如此，经常会看到页面中某段话或者某句话是带有背景色或者被加粗显示的，这就是网页中要传达给页面浏览者的一个信息，突出重要性。荧光笔无法让页面浏览者看到这些重要的标记，但CSS样式却可以帮助我们实现。<br />字体(font-family)，相信大家都应该接触过，至少也曾听说过。对于设计师而言，漂亮的字体在各方面都将影响到设计图的效果。页面设计也是如此，漂亮的字体会给览者带来耳目一新的感觉，但并不是所有网民都是设计师，他们不会去安安装那么多漂亮的字体在电脑中。网页是供广大网民浏览的，任何时候我们都要考虑广大网民的利益。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/174.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=174</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=174&amp;key=833e824a</trackback:ping></item><item><title>背景图优化</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/173.html</link><pubDate>Fri, 20 Aug 2010 19:29:28 +0800</pubDate><guid>http://zxh6655.cn/post/173.html</guid><description><![CDATA[<p>&nbsp;&nbsp;&nbsp; 背景图片是网页最不可少的元素，大的背景图片可以是整个网页的背景图，小的背景图片可以是一个小小的ICO图标。无论是哪种形式的背景图，其主要作用都是美倾，让网页变得更加漂亮，因此我们称之为&ldquo;修饰图&rdquo;。所谓背景图的优化，通俗地讲就是将设计稿中的背景图以较小的文件大小，在并不会失去太多颜色的前提下输出适合于网页使用的图片格式。设计师一般都使用Fireworks和Photoshop这两个软件来设计页面，其中Photosho的使用率较高<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/173.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=173</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=173&amp;key=31e4faa1</trackback:ping></item><item><title>png格式图像简介</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/171.html</link><pubDate>Wed, 18 Aug 2010 20:54:47 +0800</pubDate><guid>http://zxh6655.cn/post/171.html</guid><description><![CDATA[<p>PNG (portable Network Graphics)是一种新兴的网络图像格式。1994年底，<a target="_blank" href="http://www.zgxwl.com">天津网站建设</a>公司宣布GIF拥有专利的压缩方法，要求GIF软件的开发人员交付一三定的费用，由此促&mdash;使了免费的PNG图像格式的诞生。PNG一开始便结合GIF及JPG两家之长，打算一举取代这两种格式。<br />NG是目前保证最不失真的格式，它汲取了GIF和JFG二者的优点，存储形式丰；富，兼有GIF和JPG的色彩模式；它的另一个特点是既能把图像文件压缩到极限以利于网络传输，又能保留所有与图像品质有关的信息，因为PNG是采用无损压缩的方式来减少文件的大小的，这一点与牺牲图像品质以换取高压缩率的JPG不同；它的第三个特点是显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像；第四，PNG同样支持透明图像的制作，透明图像在制作网页图像的时候很有用，我们可以把图像背景设为透明，用网页本身的颜色信息来代替设为透明的色彩，这样可以让图像和网页背景很和谐地融合在一起；<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/171.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=171</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=171&amp;key=788942a4</trackback:ping></item><item><title>属性的组织</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/150.html</link><pubDate>Wed, 10 Mar 2010 21:01:32 +0800</pubDate><guid>http://zxh6655.cn/post/150.html</guid><description><![CDATA[<p>规划好CSS文件，组织好样式规则，而CSS样式的声明与属性的书写也很讲究。虽然属性与两个概念相比更简单，可是还有一些非常好的、能够保持规则整洁的方法很值得一提。<br />1．按字母顺序组织<br />对于属性书写来说，按属性的字母顺序进行排列，可以防止属性重复声明或被覆盖这种偶然事件的发生。例如，当某个选择符已被定义了很多声明，在页面更新时，忽然想为它添加一个margin属性，也许以前你已经声明了margin属性，但时间久了也就忘记了，在很长的样式代码中间，你可能也没有发现已经声明了margin属性。如果按照字母顺序排列，就很容易发现margin己被定义了两次，这个问题自然也就可以避免。这是一个细节问题，但在设计师的工作中这是很常见的&ldquo;小臭虫&rdquo;。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/150.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=150</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=150&amp;key=1a2fcd6f</trackback:ping></item><item><title>CSS文档统筹</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/146.html</link><pubDate>Sat, 06 Mar 2010 20:27:51 +0800</pubDate><guid>http://zxh6655.cn/post/146.html</guid><description><![CDATA[<p>构建CSS系统的第一步是要规划好CSS文件结构。这个结构如同<a target="_blank" href="http://www.zgxwl.com">天津网站建设</a>的网站的目录一样，虽然没统一的规定，但如何合理分离CSS文件，以及如何高效组织和管理这些文件，是设计师首先应思考的问题。一般网站的CSS样式文件会被分为主文件和分类文件，在CSS主文件中可Css定义所有页面公共属性，如网站默认字体、链接、页眉、<a target="_blank" href="http://www.txxwl.com">天津网站设计</a>，<a target="_blank" href="http://www.txxwl.com">天津网站制作</a>， 二页脚和公共类等，同时还会包含各种被分离的CSS文件链接。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/146.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=146</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=146&amp;key=cbddd668</trackback:ping></item><item><title>关于字体的大小</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/142.html</link><pubDate>Tue, 02 Mar 2010 10:30:15 +0800</pubDate><guid>http://zxh6655.cn/post/142.html</guid><description><![CDATA[<p>国内网页设计师一般喜欢使用12px定义网站默认字体大小。lOpx太小，眼睛很容易疲劳，14px虽然看得清楚，但很容易破坏布局，使页面失去美感。唯独12px在审美和视力方面都能恰到好处，所以也难怪现在很多国内大型网站都把12px作为网页显示的标准字体大小。<br />实际上，这种做法是不科学的，分析原因怠因为他们没有考虑到特殊人群的阅读需要，对于弱视浏览者来说，12px几乎等于l0px的字体大小效果。<br />浏览者可以补救的措施只能是借助浏览器提供的视图功能来调节字体大小。例如，在Firefox浏览器中按Ctrl廾组合键放大页面，按Ctrl+组合键缩小页面，或选择菜单命令可以轻易调整网页字体大小，但对于Windows系统下的Ⅲ浏览器就会出现问题，对于定义为12px大小的字体，用户通过[查看]1[字体大小]子菜单来调整网页字体大小。如果有兴趣的话，你试着打开国内三大门户网站&mdash;&mdash;新浪、网易、搜狐、<a target="_blank" href="http://www.txxwl.com">天津网站设计</a>、<a target="_blank" href="http://www.txxwl.com">天津网站建设</a>、<a target="_blank" href="http://www.zgxwl.com">天津网络公司</a>都会存在无法用IE浏览器调整字体大小的缺陷，而国外的MSN -Google、华盛顿邮报等在IE浏览器里却是可调的。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/142.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=142</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=142&amp;key=89ca5aec</trackback:ping></item><item><title>网页中的文字排版</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/141.html</link><pubDate>Mon, 01 Mar 2010 23:01:57 +0800</pubDate><guid>http://zxh6655.cn/post/141.html</guid><description><![CDATA[<p>在<a target="_blank" href="http://www.txxwl.com">天津网站设计</a>中，最重要的莫过于网页的视觉效果。文字是网页的主体，设计师经常会花费大量精力用于调整字体、字体大小、颜色和样式。利用CSS强大功能和灵活性可以随意对字体属性进行设置和调整，但也需要读者有较高的经验积累。一般计算机中都安装有多种字体，浏览器会使用默认的字体浏览网页，如Windows中文版操作系统默认字体是苯柒体或新宋体，英文默认字体是Arial。在微软最新推出的Vista系统中，默认字体为微软雅黑。微软雅黑填是微软公司为其新一代操作系统开发的中文字体，它是迄今为止个人电脑上可以显示得最清晰的中文字体。该字体将作为默认字体取代目前XP系统下默认的中文宋体，以支持高清显示的ClearType功能。<br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/141.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=141</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=141&amp;key=be25f766</trackback:ping></item><item><title>文本转换和修饰</title><author>zxh5566@tom.com (zxh5566)</author><link>http://zxh6655.cn/post/138.html</link><pubDate>Fri, 26 Feb 2010 15:02:32 +0800</pubDate><guid>http://zxh6655.cn/post/138.html</guid><description><![CDATA[<p>使用text-transform属性可以设置文本行中字母大小写，所有浏览器都支持该属性，但对于汉字没有影响。取值包括：<a target="_blank" href="http://www.zgxwl.com">天津网站制作</a>，<a target="_blank" href="http://www.txxwl.com">天津网站建设</a>，<a target="_blank" href="http://www.txxwl.com">天津网站设计</a>，<a target="_blank" href="http://www.zgxwl.com">天津网络公司</a><br />...</p>]]></description><category>CSS网站元素设计</category><comments>http://zxh6655.cn/post/138.html#comment</comments><wfw:comment>http://zxh6655.cn/</wfw:comment><wfw:commentRss>http://zxh6655.cn/feed.asp?cmt=138</wfw:commentRss><trackback:ping>http://zxh6655.cn/cmd.asp?act=tb&amp;id=138&amp;key=779d01b1</trackback:ping></item></channel></rss>
