CSS布局教程

构建CSS系统的第一步是要规划好CSS文件结构。这个结构如同天津网站建设的网站的目录一样，虽然没统一的规定，但如何合理分离CSS文件，以及如何高效组织和管理这些文件，是设计师首先应思考的问题。一般网站的CSS样式文件会被分为主文件和分类文件，在CSS主文件中可Css定义所有页面公共属性，如网站默认字体、链接、页眉、天津网站设计，天津网站制作， 二页脚和公共类等，同时还会包含各种被分离的CSS文件链接。
...

网页流动与HTTP数据传输方式、浏览器接收、解析和显示数据的方式密切相联系。HTML源代码部是从上到下分步解析、显示的。自然网页元素也只能自上而下按顺序逐步分布。当在网页编器中删除上面的元素，我们会看到下面的元素自动回收，以填补删除的空间，这就是流动布局的一大特点，这对于绝对定位的层来说是做不到的。
流动(Flow)是默认的网页布局模式。任何没有具体定义position:absolute;或position: fixed；以及没有被定义浮动float:left;或float:right;的元素都将默认呈现流动布局模式。流动布局模型具有两个比较典型的特征：
...

清楚了CSS盒模型的基本概念、盒模型类型，以及包含块后，我们就可以深入探讨天津网站建设和天津网站设计的模型了。布局模型与盒模型一样都是CSS最基本、最核心的概念。但布局模型是建立在盒基础之上，又不同于我们常说的CSS布局样式或CSS布局模板。如果说布局模型是本，那么cSS，布局模板就是末了，是外在的表现形式。CSS包含3种基本的布局模型，用英文概括为：Flow、Layer和Float。
...

在CSS代码中添加注释是个好习惯，但是有时也会出现一些问题。例如，为CSS添加中文注释，在一些特殊情况下中文注释会导致部分代码无故失效，主要原因是服务器端支持、文档代码以及程序类型等引起的。由于IE6及更低版本浏览器对于双字节的中文字稅符支持不是太好，添加中文注释就会出现解析问题，而IE7、fire fox等现代标准浏览器都能良好支持中文注释。因此如果发现带有中文注释的样式代码无法显示，可以把注释改成英文或者尝试把文档编码改成与页面一致的编码。如把IE默认编码UTF-8改为GB2312后会显示正常。另外，如果在内部样式中添加HTML注释，则后面相邻的样式也会失效。
...

国内网页设计师一般喜欢使用12px定义网站默认字体大小。lOpx太小，眼睛很容易疲劳，14px虽然看得清楚，但很容易破坏布局，使页面失去美感。唯独12px在审美和视力方面都能恰到好处，所以也难怪现在很多国内大型网站都把12px作为网页显示的标准字体大小。
实际上，这种做法是不科学的，分析原因怠因为他们没有考虑到特殊人群的阅读需要，对于弱视浏览者来说，12px几乎等于l0px的字体大小效果。
浏览者可以补救的措施只能是借助浏览器提供的视图功能来调节字体大小。例如，在Firefox浏览器中按Ctrl廾组合键放大页面，按Ctrl+组合键缩小页面，或选择菜单命令可以轻易调整网页字体大小，但对于Windows系统下的Ⅲ浏览器就会出现问题，对于定义为12px大小的字体，用户通过[查看]1[字体大小]子菜单来调整网页字体大小。如果有兴趣的话，你试着打开国内三大门户网站——新浪、网易、搜狐、天津网站设计、天津网站建设、天津网络公司都会存在无法用IE浏览器调整字体大小的缺陷，而国外的MSN -Google、华盛顿邮报等在IE浏览器里却是可调的。
...

在天津网站设计中，最重要的莫过于网页的视觉效果。文字是网页的主体，设计师经常会花费大量精力用于调整字体、字体大小、颜色和样式。利用CSS强大功能和灵活性可以随意对字体属性进行设置和调整，但也需要读者有较高的经验积累。一般计算机中都安装有多种字体，浏览器会使用默认的字体浏览网页，如Windows中文版操作系统默认字体是苯柒体或新宋体，英文默认字体是Arial。在微软最新推出的Vista系统中，默认字体为微软雅黑。微软雅黑填是微软公司为其新一代操作系统开发的中文字体，它是迄今为止个人电脑上可以显示得最清晰的中文字体。该字体将作为默认字体取代目前XP系统下默认的中文宋体，以支持高清显示的ClearType功能。
...

文件夹命名一般采用英文，长度一般不超过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，但并不意味它们没有边界。
...