VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • div+css视频教程之基础样式

基础样式
在进行网站设计时,要做的第一件事是建立基础样式。为此,可以设置标记的样式,如清单 1 所示。
清单 1. body 标记的 CSS 基础样式
1
2
3
4
5
6
7
8
9
body{
 background-color: #EEEEEE;
 color: #000000;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 100%;
 font-family: sans-serif;
 }
此标记将背景颜色设置为白色 (background-color),以确保字体颜色是黑色的 (color)。它还可确保所有内容边缘都与浏览器窗口边框相匹配(margin 和 padding),而且标记将文本内容向左水平对齐 (text-align)。最后,该样式将字号设置为浏览器默认字号 (font-size) 并使用一个 sans-serif(也就是一种边缘四周没有细微装饰的字体)字体集 (font-family)。
当然,这是一些简单设置。一般而言,可应用以下指导原则:
●在指定颜色时,使用 Red-Green-Blue (RGB) 十六进制亮度值。
●在指定字号时,使用像素(有数字后的 px 表示)、em(由数字后的 em 表示)— 也就是说,字号乘以指定的数字 — 或百分比(由数字后的 % 表示)。
●文本可以左对齐、右对齐或居中。浮动属性也可左对齐或右对齐。垂直对齐必须是顶端、居中或底端对齐。
●字体可以是任何特定字体、字体集(serif、sans-serif 或 monospace)或任何一种可下载的字体。
在确定网站的设计时,一个最重要的决策是使用流式(fluid)布局还是固定布局。在固定布局 中,可以指定元素的高度和宽度,无论您使用何种操作系统或浏览器查看网站,这些值都是相同的。主要使用像素指定这些元素。在流式布局 中,元素的高度和宽度是灵活的,可基于浏览器窗口、操作系统或用户偏好而扩展或缩小。主要使用百分比和 em 指定这些元素。流式布局和固定布局各有其优缺点,选择哪种布局取决于内容类型、内容量和网站的访问群体。
将 CSS 应用到 (X)HTML
要开始应用您的 CSS,您需要告诉浏览器在哪里找到它。这应该是真正惟一 (X)HTML 引用 CSS 的地方。可以通过两种方式进行引用:“quick and dirty”< link> 标记。

相关教程