WEB标准_CSS布局 - xhtml与css的基础http://zxh6655.cn/网站布局实录! - RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CNCopyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号Mon, 06 Sep 2010 08:55:05 +0800id与类型选择符zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/133.htmlSun, 21 Feb 2010 14:21:00 +0800http://zxh6655.cn/post/133.html类型选择符就是网页元素自身，定义时直接使用元素名称，如定义段落样式，我们可以选择p元素的名称，即把p作为选择符即可。在XHTML框架中所有元素都可以作为类型选择符来进行定，例如下面定义样式的选择符都是类型选择符：
定义了类型选择符，所定义的属性就会影响引用这个样式的所有该元素的显示效果。因此，类型选择符是一把双刃剑，使用恰萼当会非常省力，但考虑不周、贸然定义类型选择符会给网页布局增添无穷烦恼。例如，如果在样式表中定义：
div{/*<把所有div元素对象定义为宽度为774像素>*/
...

]]>xhtml与css的基础http://zxh6655.cn/post/133.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=133http://zxh6655.cn/cmd.asp?act=tb&id=133&key=046f369dCSS基本语法zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/132.htmlSun, 21 Feb 2010 14:20:05 +0800http://zxh6655.cn/post/132.html完成了网页框架的构建，下一步就该使用CSS来布局和修饰了。使用CSS的方法可以简单概括为：
(1)选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者指定名称的元素，后面将详细介绍。
(2)选择属性：选择属性是指定选择符所具有的属性，它是CSS的核心，CSS 2共定义了150多个属性。CSS定义的大部分属性都可以适用于任何选择符，这是因为所有XHTML元素都巒盒模型构建
(3)定义属性值：属性值包括常见的数值加单位，如25px，其中25表示数值，px表示单位，素或像素点的意思，它是屏幕显示的最小单元，我们常说的显示器大小为1024px*768px，就是说屏幕宽度由1024个像素点组成，高度由768个像素点组成；也可以是百分比，如29%，百分比值一般都参照父元素的相同属性值来确定或是范围，如top c顶部，right右侧bottom底部。left左侧等。
...

]]>xhtml与css的基础http://zxh6655.cn/post/132.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=132http://zxh6655.cn/cmd.asp?act=tb&id=132&key=dfa7c36dCSS选择符的命名zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/124.htmlSat, 13 Feb 2010 11:49:25 +0800http://zxh6655.cn/post/124.htmlCSS的id与class选择符为设计提供了便利，但也会使得CSS样式变得多和复杂，如伺管理这些CSS样式便是摆在我们面前的一个问题，然而软件开发的经验为我们提供了一个可学习模仿的例子，软件开发中对于过程／函数／变量的命名经过多年的实践与研究已经有了一套自己的方法，借助于这些方法，我们可以根据CSS的特性设计自己的样式命名规则，帮助我们更好的编写样式，在了解CSS选择符命名之前，我们先简要了解一下CSS对于命名的基础使用规则。
大小写敏感，值得注意的是，XHTML不区分大小写，允许使用大写或小写或任意组合进行编码，CSS的样式属性也是如此，我们可以使用大小写的CSS样式属性，css对于对象选择符如body、td、div也是不分区大小写。但是CSS对于id及class选择符名称是区分大小写的。对于id及class选择符来说class=”CONTENT”不等于同CSS中的.content或.Content。因此在标识id及class以及编写CSS样式的时候使用统一的规范来编写自己的样式。
...

]]>xhtml与css的基础http://zxh6655.cn/post/124.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=124http://zxh6655.cn/cmd.asp?act=tb&id=124&key=e628c2ba什么情况下使用idzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/120.htmlTue, 09 Feb 2010 19:45:36 +0800http://zxh6655.cn/post/120.htmlI．d是Ⅺ盯ML元素的一个属性，用于标识元素名称。无论是class还是id，都是XHTML所有对象都支持的一种公共属性，并且也是其中的核心属性。class对于网页来说其主要功有皂是用于对象的样式设置，而id除了可以定义样式，而且能够成为服务于网站交互行为一个特殊标识。
每个定义的id名称在使用上要求每个页面中只能出现一次，如当在天津网站建设，天津网站制作，天津网络公司，天津网站优化，这样的标识后，在本页中的其他地方，无论是div还是别的对象，都不能再次使用id=”nay”进行定义。id名称是对网页中某一个对象的惟一标识，这种标识用于用户对这个对象进行交互行为的编写(JavaScript)及样式定义。如果出现了两个重复的id而且页面中有对此id进行操作的JavaScript代码的话，JavaScript就无法正确的判断所要操作的对象的位置从而导致页面错误。
...

]]>xhtml与css的基础http://zxh6655.cn/post/120.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=120http://zxh6655.cn/cmd.asp?act=tb&id=120&key=7fd71866CSS文件结构的设计与优化zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/108.htmlSat, 16 Jan 2010 22:46:29 +0800http://zxh6655.cn/post/108.html    CSS帮助我们实现了表现与内容的分离，然而在开始为页面中去除混乱的样式代码的同时，也引入了另一个新的问题---css文件日益庞大，有时候甚至l兆以上。出现这种情况

会导致对于网站两个致命的问题：天津网站建设，天津网站制作，天津做网站，天津网站优化
...

]]>xhtml与css的基础http://zxh6655.cn/post/108.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=108http://zxh6655.cn/cmd.asp?act=tb&id=108&key=48b0889fdiv vs spanzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/95.htmlSun, 27 Dec 2009 21:32:21 +0800http://zxh6655.cn/post/95.html        对于CSS布局学习者而言，除了对id与class选择符的使用中会存在一定的问题之外，还有一个经常使大家感到混淆的概念就是XHTML标签中的iv与span对象。对于XTML二段落，strong表示加粗等，而span与div似乎从语义上无法理解其真正用途，而且在使用上span及div几乎所有相同的属性，div与span到底在xTML中该如何使用呢?、在w3c对diV及span的简要描述中，我们看到了同样的说明—用于定义样式的容器虽然w3c在对div及span的描述中都说明了相同的用法，而且非常准确，用于定义样式的器，但实际上div在使用方式上有很大的差别，在这一点上我们通过实际显主示的div与span的效果上就能看出，我们看一段XHTML及CSS代码：从预览效果我们可以看到，在相同CSS样式的情况下，两个div对象之间出现了换系，而两个对象则是同行左右关系。对于都是用于样式容器的div与span对手象而言，是由于这样的关系，—使它们之间存在着使用上的差别，div与span元素在显示上的不同，源于其默认显示模式(display)的不同。在前面我曾了解过display属性的用法，用于改变元素的显示模式。对于XHTML中的每一个对象而言，都拥有自己默认的显示模式，div对象的默认显盖示模式是display:block；因为这样的默认模式，从而使div成为一个块状容器，其默矢认状态就占据一整行的空间，而span对象的默认显示模式为display:inline;因此span将作为一个行内联对象显示时以行内连接的方式进行显示。正是由于两个对象不同的显示模式，因此在实际使用过程定了两个对象的不同用途。div：又：对象的任务是呈现一个块状内容，如一大段文本，一个导航区域，一个页脚区域等显示为块状的内容进行结构编码并进行样式设计。天津做网站，天津网站优化而拓为肉联对象时；span，用途是对行内元素进行结构编码以方方便样式设计，span默认状态下就不会破坏行中元素的显示顺序，例如在一大段文本中，我们需要变其中一段文本的颜色，可以将这一小部分文本使用span对象，并进行样式设计，这将不会改变这一整段文本的显示方式。span对象只是众多inline内联对象中的一种，而且是专门用于设计样式的一种内联对象像strong对象也是一种内联对象，使用之后将对某段文本进行加粗显示，是一种自带属性的内联对象，而span对象在默认使用情况下均不改变任何其中文本的属性，这是XHTML留给设计者昔的个空属性的内联对象，专门用于行内内容样式的自定义。div所赋于的使命要比span重要许多，默认为块状显示模式的div对象在实际应用中担负页面大块布局及版式的所有工作，需要大量使用div进行组合或嵌套来实现我们版式布局。天津网站建设，天津网站制作

...]]>xhtml与css的基础http://zxh6655.cn/post/95.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=95http://zxh6655.cn/cmd.asp?act=tb&id=95&key=cd7927b1CSS选择符的命名zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/93.htmlFri, 25 Dec 2009 19:11:31 +0800http://zxh6655.cn/post/93.html    CSS的id与class选择符为设计提供了便利，但也会使得CSS样式变得多和复杂，如理这些CSS样式便是摆在我们面前的一个问题，然而软件开发的经验为我们提供了一个可学习模仿的例子，软件开发中对于过程／函数／变量的命命名经过多年的实践与研究已经有了一套自己的方法，借助于这些方法，我们可以根据CSS的特设计自己的样式命名规则，帮助我们更好的编写样式，在了解CSS选择符命名之前，我们先简要了解一下CSS对于命名的基础使用规则。
    值得注意的是，xhTML不区分大小写，允许使用大写或小写或任意组合进行编码，CSS的样式属性也是如此，我们可以使用大小写的CSS样式属性，CSS对于对象选择符如body、td、div也是不分区大小写。但是CSS对于id及class选择符名称是区分大小写的。对于id及class选择符来说class=”CONTENT”不等于同CSS中的.content或.Content。因此在设及class以及编写CSS样式的时候使用统一的规范来编写自己的样式。天津网站建设，天津网站制作
...

]]>xhtml与css的基础http://zxh6655.cn/post/93.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=93http://zxh6655.cn/cmd.asp?act=tb&id=93&key=cc4e19a0id使用与网站结构zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/91.htmlWed, 23 Dec 2009 19:26:02 +0800http://zxh6655.cn/post/91.html     早期在使用表格式布局的网站设计时期，设计师或多或少都使用了CSS技术对网站中的内容样式进行优化；在那个时期CSS也有部分应用，而且设计师也习惯对页面中的元素class的定义，早期的样式表中几乎全都是是class选择符。大多数设计师从转到Web标准布局之后，都会发现一个现象，就是在使用Web标准的CSS布局之后，CSS中所用到的id似乎有增无减在不断增加。
     如下提供的二张图片所示，目前国内知名门户sina的首页CSS，sina目前依然延用着传统表格式布局及代码设计方法，几乎都是class选择符，而另一个msn.com首页的CSS之中，id选择符占的比例要多一些。
...

]]>xhtml与css的基础http://zxh6655.cn/post/91.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=91http://zxh6655.cn/cmd.asp?act=tb&id=91&key=3519d7f6关于id和classzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/65.htmlFri, 20 Nov 2009 21:28:38 +0800http://zxh6655.cn/post/65.html在早期的网页设计中，人们习惯于用html标签控制页面的框架和显示样式，那时候对于class还是比较陌生的，偶尔也使用它来定义标签的样式，如网页字体属性，超链接样式等，习惯于标签加属性的设计方式，对于这个class属性设计师开始持排斥态度，慢慢的设计师发现了它的优点，例如，如果事先定义了一个样式之后，可以利用class属性在不同标签内引用，免除了在不同标签内反复定义同一个样式的烦恼，于是class与网页样式就紧密的联系在一起，那时候的样式还仅仅是一种公共属性的代名词，犹如具有某种样式的网页模版，实际上，关于class最早引人重视得益于编程中类的方法应用，在编程语言中，类是一种抽象而艰深的概念，它表示一种原型。
...

]]>xhtml与css的基础http://zxh6655.cn/post/65.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=65http://zxh6655.cn/cmd.asp?act=tb&id=65&key=e809e70f关于id和namezxh5566@tom.com (zxh5566)http://zxh6655.cn/post/64.htmlThu, 19 Nov 2009 17:41:01 +0800http://zxh6655.cn/post/64.html关于id和name这两个属性如何区分和使用时广大初学者最迷惑的地方之一，下面就这个问题与读者一块讨论。
早期的html使用name属性来标识每个元素，很明显name就是名称的意识，可能考虑到名称会存在重复性，所以从html4版本开始就不再使用这个属性了，而建议使用id属性作为元素的唯一标识符，甚至到了xhtml严格类型文中就禁止使用name了。
但由于name属性长期使用，在某些方面还具有根深蒂固的影响，在下面这些方面依然被广泛使用，name的用途是不能代替的
...

]]>xhtml与css的基础http://zxh6655.cn/post/64.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=64http://zxh6655.cn/cmd.asp?act=tb&id=64&key=9e2d82a8