加入收藏  [设为首页] 欢迎光临蓝鹰科创网站建设公司网站!  [2008-04-23] 您身边的网站建设专家
蓝鹰科创网站建设
首页 网站建设 网站推广 客户案例 解决方案 建站学院 关于我们 联系我们
专注互联网平台策划、建设与运营
热点:北京网站制作   网站推广   解决方案
建站学院
·建站常识
·网络营销
·网站推广
·网站优化
建站咨询
业务QQ: 174053898
业务QQ: 124242181
业务QQ: 80427548
业务QQ: 952106615
业务QQ: 66874114
业务QQ: 489010234
最新案例
采幽
mikeplymale
北京大道艺术培训中心
中国决策咨询网
QQ小说网
 位置: 北京蓝鹰科创有限公司 >> 建站学院 >> 建站常识 >> 正文  

web标准化、XHTML与CSS层叠样式表的关系
更新时间:2008-6-28 17:38:47

  * 这些元素定义了内置的内容(SPAN)和者块级别(DIV),而没有在内容中引入其它表现层的东西。

  * ID属性类似于代码中的特殊区域的标签,提示那个区域需要特殊的处理。当一个ID属性值被用于一个特殊设置的CSS,它称为CSS选择器,id是创建一个选择器的最容易和通用的方法。

  * ID的命名须用字母和下划线开头,不能用数字进行开头。

  ID的功能

  * 作为一个样式表选择器,最小化XHTML页面文件;

  * 作为超链的锚(anchor),替代过时的name属性;

  * DOM脚本中引用元素的方法;

  * 作为一个声明的对象元素名字;

  * 作为通常目的流程处理的工具。

  # 一个样式表,是一个集合,一个由一个或多个规则定义组成的集合,这些定义将决定被选中的元素如何被显示。

  # 一个CSS定义由两部分组成:选择器和声明。其中,声明是也是一个集合,集合元素放在一对{}内,每一元素以";"结束,每个元素由两部分组成:属性和值,属性和值之间用": "分隔。

  # 以#开头的选择器,为id选择器,以.开头的选择器为选择器。

  # 多个选择器可以共享同一声明,这时不同选择之间以逗号分隔。

  # 根据CSS,页面的子元素从母元素继承特性,但有些旧浏览器不支持(如Netscape 4)。如果不想让子元素继承母元素特性,则子元素可自由定义相关属性。

  # CSS不区分大小写,但当与一个HTML文件关联时,类别和id名称是区分大小写的。

  # 为了便于编辑CSS,可以增加一些空格或换行符。

  # 样式表可以通过三种方式作用于页面的显示

  1. 外联/导入

   <link rel="StyleSheet" href="/styles/mystylesheet.css" type="text/css" media="all />

  或

  <style type="text/css" media="all">
  @import "/styles/mystylesheet.css";
  </style>

  或

  <style type="text/css" media="all">
  @import url("/styles/mystylesheet.css");
  </style>


  注:@Import 法只有5.0以上的浏览器支持

  2. 嵌入(在XHTML页面head位置嵌入)

以下是引用片段:
<head>
<style type="text/css">
<!-

-->
</style>

</head>


  使用嵌入的原因:

  * 该样式表只用于本页面

  * 用户还在使用IE3

  * 设计师不断修改样式表,需要立即看到效果

  3. 内联(在元素上加上样式属性)

  为整个站点指定字体:

  * body { font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; }

  * 由多个字母组成的字体名称须用引号包括;

  * 如果排在前面的字体不存在,则使用后面第一个存在的字体。

  * "Lucida Grande"-Mac OS X ,Verdana-Windows ,Lucida---Unix ,Arial----旧windows ,Helvetica----旧Unix

  * 利用冗余解决浏览器不支持继承的问题,如:

  Body { font-family: Verdana, sans-serif; }P, td, ul, ol, ul, li, dl, dt,dd

  { font-family: Verdana, sans-serif; }

  将无序列表前的黑点替换为一个图片:

  * ul.inventory{ list-style: disc url(/path/to/pic.gif) inside; }

  对颜色的定义:

  * P { color: red; }

  * P { color: #ff0000; }

  * P { color: #f00; }

  * P { color: rgb(255,0,0); }

  * P { color: rgb(100%,0%,0%); }

  # 根据元素表现的内容来决定元素的样式,避免过度的class,保持标记的简洁整齐。

  # 如:列表项里strong显示为斜体而不是黑体。Li strong { Font-style: italic; Font-weight: normal; }

  # 选择器的两部分内容之间,以空格相隔,其中前一部分可以是一般选择、id选择器、或类选择器。

  # 现代布局中,id选择器经常出现在内容选择器里

  如: #sidebar p {font-style:italic; text-align: right; margin-top: 0.5em; }

  # 不能出现在或等标记的内联元素中。

  # Id选择器标记的元素每个页面只能出现一次,但一个id选择器可多次用于定义内容/派生选择器定义。

上一页  [1] [2] 
  • 上一篇: 如何查看一个顶级域名下所有的二级域名
  • 下一篇: 站长必看:建设网站的十二大误区
  •  

    快速通道:网站建设方案 | 网站建设功能模块 | 网站建设优惠套餐 | 百度网站优化 | Google左侧优化 | 房地产网站建设案例 | 网站建设流程 | 网站优化知识
    建站热线:010-81718590 业务咨询:13269031070 业务QQ:174053898 业务QQ:124242181 业务QQ:66874114 业务QQ:80427548  
    公司地址:北京市昌平区北店嘉园南区3号楼6单元601室   E_mail:hxp781221@yahoo.com.cn 
     Copyright© 2004-2007 www.LanYingIT.Com .All Rights Reserved