﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><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>BlogJava-I want change-文章分类-CSS</title><link>http://www.blogjava.net/zhikai51/category/41083.html</link><description>    一个人一生中，最大的遗憾就是：有良师不学、有益友不交！！</description><language>zh-cn</language><lastBuildDate>Wed, 29 Jul 2009 16:25:22 GMT</lastBuildDate><pubDate>Wed, 29 Jul 2009 16:25:22 GMT</pubDate><ttl>60</ttl><item><title>CSS选择器</title><link>http://www.blogjava.net/zhikai51/articles/288871.html</link><dc:creator>改变，成就梦想!</dc:creator><author>改变，成就梦想!</author><pubDate>Wed, 29 Jul 2009 04:31:00 GMT</pubDate><guid>http://www.blogjava.net/zhikai51/articles/288871.html</guid><wfw:comment>http://www.blogjava.net/zhikai51/comments/288871.html</wfw:comment><comments>http://www.blogjava.net/zhikai51/articles/288871.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/zhikai51/comments/commentRss/288871.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/zhikai51/services/trackbacks/288871.html</trackback:ping><description><![CDATA[&nbsp;一、 CSS选择器：<br />
&nbsp;&nbsp;&nbsp; 1、CSS标记选择器：CSS标识选择器就是声明哪些标记采用哪种CSS样式。示例图如下：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="http://www.blogjava.net/images/blogjava_net/zhikai51/1.jpg" alt="" border="0" height="210" width="503" /><br />
<br />
&nbsp;&nbsp;&nbsp; 2、类别选择器：示例图如下：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="http://www.blogjava.net/images/blogjava_net/zhikai51/2.jpg" alt="" border="0" height="214" width="507" /><br />
<br />
&nbsp;&nbsp;&nbsp; 3、ID选择器：ID选择器只能在HTML页面中使用一次。示例图如下：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="http://www.blogjava.net/images/blogjava_net/zhikai51/3.jpg" alt="" border="0" height="214" width="503" /><br />
&nbsp;<br />
&nbsp;二、CSS的继承：<br />
&nbsp;&nbsp;&nbsp; 1、CSS继承指的是子标记继承父标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响父标记。<br />
<br />
<br />
<br />
<br />
<img src ="http://www.blogjava.net/zhikai51/aggbug/288871.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/zhikai51/" target="_blank">改变，成就梦想!</a> 2009-07-29 12:31 <a href="http://www.blogjava.net/zhikai51/articles/288871.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS第一课</title><link>http://www.blogjava.net/zhikai51/articles/288867.html</link><dc:creator>改变，成就梦想!</dc:creator><author>改变，成就梦想!</author><pubDate>Wed, 29 Jul 2009 03:58:00 GMT</pubDate><guid>http://www.blogjava.net/zhikai51/articles/288867.html</guid><wfw:comment>http://www.blogjava.net/zhikai51/comments/288867.html</wfw:comment><comments>http://www.blogjava.net/zhikai51/articles/288867.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/zhikai51/comments/commentRss/288867.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/zhikai51/services/trackbacks/288867.html</trackback:ping><description><![CDATA[&nbsp;一、CSS与HTML的较量：<br />
&nbsp;&nbsp;&nbsp; 1、HTML的缺陷如下：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1）、维护困难；<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2）、标记不足；<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3）、网页过&#8220;胖&#8221;；<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4）、定位困难。&nbsp;&nbsp; <br />
<br />
&nbsp;二、浏览器与CSS：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在使用CSS制作网页时，一个基本的要求就是主流的浏览器之间的显示效果要基本一致。<br />
&nbsp;&nbsp;&nbsp; <br />
&nbsp;三、使用CSS控制页面：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1）、行内样式：行内样式是所有样式中最为直接的一种，它直接将样式写入HTML的标记的style属性中。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: yellow;">行内样式的缺点</span>：后期维护成本高、网页容易过胖。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2）、内嵌式：内嵌式表就是将CSS写在&lt;head&gt;与&lt;/head&gt;之间，并且用<strong><span style="color: red;">&lt;style type="text/css"&gt;和&lt;/style&gt;</span></strong>标记进行声明。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: yellow;">内嵌式的缺点</span>：略微有麻烦，维护成本也不低，仅适用于特殊的页面设置单独的样式风格。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3）、链接样式：链接式CSS样式是使用频率最高，也是最为实用的方法。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 链接式样式就是将<strong><span style="color: red;">&lt;link href="样式名称" type="text/css" rel="stylesheet"&gt;</span></strong>写在&lt;head&gt;与&lt;/head&gt;标记之间。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: yellow;">链接式样式表的最大优势</span>在于CSS代码与HTML代码完全分离，并且同一个CSS文件可以被不同的HTML所链接使用。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4）、导入样式：与链接样式表功能基本相同，只是语法上有些不同，它采用<strong><span style="color: red;">@import</span></strong>方式导入样式表。语法如下：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><span style="color: red;"><strong>@import url(样式表名称)</strong></span></strong>； 或<strong><span style="color: red;"> @import 样式名称</span></strong>；<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: yellow;"> 导入样式表的最大用处</span>在于可以让一个HTML文件导入很多的样式表。<br />
<br />
&nbsp;四、各种方式的优先级问题：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1）、行内样式的优先级最高，其次是采用&lt;link&gt;标记的链接样式，再次是位于&lt;style&gt;和&lt;/style&gt;之间的内嵌样式，最后才是@import导入样式。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 注意：样式之间采用<strong><span style="color: red;">就近原则</span></strong>。<br />
<br />
<img src ="http://www.blogjava.net/zhikai51/aggbug/288867.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/zhikai51/" target="_blank">改变，成就梦想!</a> 2009-07-29 11:58 <a href="http://www.blogjava.net/zhikai51/articles/288867.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>