CSS布局教程

文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情-强才使用中文拼音，一些常见的文件夹命名有：images 存放图形文件，flash 存放Flash文件，style（存放CSS文件），scripts（存放JavaScript脚本），inc（存放include文件）link（存放友情链接），media（存放多媒体文件）等。
文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使自己和天津网站建设和天津网站制作工作组的每一个成员方便地理解每一个文件的意义，二是当在文件夹中使用“按名称排列”命令时，同一种大类的文件能够排列在一起，以便查找、修改、替换、计算量等操作，图片的命名原则是名称分为头尾两部分一，用下划线隔开，头部分表示此图片的大类性质，如广告、标志、菜单、按钮等。
...

CSS是Cascading Style Sheets（层叠样式表单）的简称，通常被称做样式表。顾名思义，它是一种天津网站设计网页样式的工具。借助CSS的强大功能，网页将在设计者丰富的想象力下千变万化。现在的网页中几乎没有不用到样式表的，样式表不但可以定义文字，还可以定义表格、层以及其他元素。浏览者之所以能看到如此整洁漂亮的页面，很大程度上要归功于样式表。
常见的样式表使用方法有3种：内部样式表文件、外部链接样式表和内部嵌入样式表。早期创建CSS需要有专门的知识，需要直接编写样式表文件。如今，Dreamxveaver 8使得这项工作可以在一个统一的界面中进行，通过简单的操作即可完成创建、修改、添加等样式表功能，这些设置可以影响到任何事物，从普通的文本布局到复杂的多媒体文件控制。读者将会发现通过修改一个单一的外部样式表文件，可以迅速地改变整个站点的外观。
...

使用text-transform属性可以设置文本行中字母大小写，所有浏览器都支持该属性，但对于汉字没有影响。取值包括：天津网站制作，天津网站建设，天津网站设计，天津网络公司
...

margin可以使用任何长度单位，如像素、磅、英寸、厘米、em、百分比等。margin属性默认值为0，如果没有定义margin的值，则意味着元素没有边界。但在实际应用中，各种浏览器都会为一些元素预定义边界样式，如p。hl、ul等，天津网站建设，天津网站制作，天津网络公司，天津网站设计，具体说明可以参考详细介绍。这样即使设计师不定义它们的margin值，但在显示时浏览器也会自动显示一定的边界。因此，一些元素虽然没有定义margin，但并不意味它们没有边界。
...

有些天津网络公司，天津网站制作，塘沽网站建设设计师认为在CSS代码中添加注释是很件很无聊的事情，只有不熟悉代码的初学者才会做，存在这种想法的人，多数觉得CSS不是纯粹的编程语言，增加注释没有必要。事实上，添加注释对日后代码维护提供了很大的方便。如果在适当的地方增加一些注释，将有助快速了解代码的意图。
...

研究网页浏览器兼容问题，自然应当清楚目前浏览器的市场行情。经常也有网友问，网站要在哪些浏览器测试？如何才能更好的兼容？我想这或许不仅仅是个别问题，也许是众多设计师的疑惑。首先，我们大致了解一下2006年以来主流浏览器的全球市场份额：天津网站制作，塘沽网站建设，天津网络公司
...

希腊神话中有一个Pandora's Box（潘多拉的盒子）的传说，说是潘多拉从天上来到人间，同时也带来了一个盒子，出于好奇她打开盒子想看个究竟，结果饥荒、疾病、贪婪、嫉妒、悲惨等邪恶一齐从盒子里跑了出来，从此也就开始了人类的灾难。1996年，W3C推出了CSS，同时也带来了一个盒子，盒子的名字叫Box Model 中文译为盒模型），根据这个盒模型规则，网页中所有元素对象都被放在一个盒子里，设计师可以通过CSS来控制这个盒子的显示属性，这就是经典的CSS盒模型。盒模型给网页设计带来了创意和激情，但如潘多拉的盒子一样，它也让初学者和不少网页设计师为之愁眉和烦恼。盖模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。天津网站制作和天津网站建设将围绕盒模型的缘起、概念、结构、尺寸等基础知识展开研究，以便为后面的学习和日后网页设计奠定扎实的基础。
...

类型选择符就是网页元素自身，定义时直接使用元素名称，如定义段落样式，我们可以选择p元素的名称，即把p作为选择符即可。在XHTML框架中所有元素都可以作为类型选择符来进行定，例如下面定义样式的选择符都是类型选择符：
定义了类型选择符，所定义的属性就会影响引用这个样式的所有该元素的显示效果。因此，类型选择符是一把双刃剑，使用恰萼当会非常省力，但考虑不周、贸然定义类型选择符会给网页布局增添无穷烦恼。例如，如果在样式表中定义：
div{/*<把所有div元素对象定义为宽度为774像素>*/
...

完成了网页框架的构建，下一步就该使用CSS来布局和修饰了。使用CSS的方法可以简单概括为：
(1)选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者指定名称的元素，后面将详细介绍。
(2)选择属性：选择属性是指定选择符所具有的属性，它是CSS的核心，CSS 2共定义了150多个属性。CSS定义的大部分属性都可以适用于任何选择符，这是因为所有XHTML元素都巒盒模型构建
(3)定义属性值：属性值包括常见的数值加单位，如25px，其中25表示数值，px表示单位，素或像素点的意思，它是屏幕显示的最小单元，我们常说的显示器大小为1024px*768px，就是说屏幕宽度由1024个像素点组成，高度由768个像素点组成；也可以是百分比，如29%，百分比值一般都参照父元素的相同属性值来确定或是范围，如top c顶部，right右侧bottom底部。left左侧等。
...

，一种样式一个页面中需要出现很多次，这种情况会经常发生，如网页中需要经常出现蓝色或是红色的文本，而我们又不希望每次给文本加上一个样式。
在页面设计中，一旦需要出现红色文本，不管是p对象还是span对象，只需要通过class名称的指派就可以使当前对象中的文本应用样式
类似于蓝色文本及红色文本这样的样式，只需要定义一次，就可以在页面中不同部分同时使用，而最终样式代码仅仅在CSS中有一段，大量减少了代码的重复使用。
通用及经常能使用的元素，在整站设计中，常常能用到一些所谓的页面通过元素或是工具元素，如页面的多可能都需要出现一个468X60的广告区，而这个区域并不总是存在，也有可能同时出现多个，对于这种情况，我们可以将这个区域定义为class，并编写相应的样式。
...