动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 读《网站重构》(5):CSS解析

作者来源: 
阅读 2018 人次 , 2006-2-16 14:58:00 

  • 一个样式表,是一个集合,一个由一个或多个规则定义组成的集合,这些定义将决定被选中的元素如何被显示。
  • 一个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. 内联(在元素上加上样式属性)
  •   
     本文Tagshtml/css  
     收藏本文  打印本文  论坛讨论  关闭窗口
    · 上一篇:读《网站重构》(4):为页面增加结构
    · 下一篇:读《网站重构》(6):CSS解析CSS的几个使用
    · JS的IE和Firefox兼容性汇编
    · DW MX 2004新功能:加密FTP
    · [css] 简明教程 样式表的编辑和浏览
    · 实现彩色闪烁超链接效果的JS代码
    · DW MX弹出窗口全攻略


    关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
    海口动网先锋网络科技有限公司版权所有
    Copyright © 2000 - 2006 Cndw.Com
    中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077