下载中心┊文章中心┊软件分类┊更新软件┊推荐下载┊热门软件┊更新文章┊热门文章
 
《拓文asp.net网站内容管理系统》官方演示站。
 设为首页    
 收藏本站
 作者:黄振安
 
网站首页 开源拓文 .NET编程 网站编程 网页设计 图形图像 数据库 软件工程留言本
    站内搜索:   
您现在的位置: 拓文网络 → 文章中心 → 网页设计 → CSS → CSS手册简编[正文]

热 门 文 章

相 关 文 章
  • CSS应用小技巧十四例
  • 用Css控制IE5.5浏览器中滚动条
  • CSS的十八般技巧
  • 中文排版CSS心得
  • 简明 HTML CSS 开发规范
  • css中用expression实现js的onm...
  • expression的应用之 -- 用CSS...
  • 如何在网页中制作虚线表格
  • CSS样式切换技巧
  • CSS 标签属性/属性参考
  • CSS手册简编
     
    [作者:不详    转贴自:不详    点击数:    字体:【大 中 小】    更新时间:2006-4-6 14:14:00]



    1、选择器(Selector)

    选择器不只是文档中的元素标记,它还可以是类(Class,这不同于Java或C++中的类)、ID(给予元素特殊的名称,也便于在脚本中使用)或是元素的某种状态(如:a:link)。如:

    <html>
    <style>
    <!--
    p {color:red
    ;
    font-weight : bold }
    .bigFont
    #blueBack
    -->
    </style>
    <body>
    <p>
    利用<span class="bigFont">Class</span>和<span id="blueBack">ID</span>显示内容。
    </p>
    </body>
    </html>

    其中.someclass代表类,#someID代表ID。类和ID也可以和元素标记合用,比如:

    p.bigFont {……}

    则表示必须在某个为bigFont类的P标记(<p class="bigFont">)才执行样式单,同样的也适合于ID。
    为了简化声明某些重复属性的标记,可以用","把不同的选择器隔开,表示它们都表示成相同的属性,如:

    H1,H2
    Div, p.mytext {
    ……}

    有时我们还希望能够在特定的范围内使样式单生效:

    p em

    元素标记间又空格隔开,表示在<p>和</p>间的<em>、<em>用红色表示。另外还可以利用"~"表示一个选择器后面紧跟另一个选择器,并且两边以"/"围住:

    / Selector1 ~ Selector2/ {……}

    表示如果Selector2紧跟着Selector1则使用该样式单。

    2、属性值的单位

    在样式单中,属性的单位多为长度单位,包括px(象素)、pt(磅)、em(一种排版中的单位,1em=12pt)、mm(毫米)、cm(厘米)、pc(1pc=12pt)、in(英寸),这些单位可以使用整数(如px)表示,也可以使用实数(如em)表示,并且元素中对数值还有继承(inherit)的关系比如:

    body
    H1

    那么在显示中H1的text-indent属性就不是36pt而是45pt。

    有的属性的单位甚至可以是负值,如margin,可以达到一些特殊的效果,如元素之间的重叠。另外还有一些其他的单位如角度,它的单位有deg(度)、grad(梯度)和rad(弧度);频率的单位,Hz和kHz,这些都是我们非常熟悉的。

    3、注释及空格

    样式单也有注释语句:可以用"/*……*/"作为注释标记,在浏览器中有一个对样式单的分析器,它负责对样式单的检查,分析器将忽略注释标记之间的内容。空格在样式单中是有效的,如果字符之间有超过一个空格存在,它将省略其余空格,而只保留一个,特别是在声明某些字体的时候,空格一定不能省略。

    2 要注意的方面

    首先,样式单是区分大小写的,所以要注意拼写;其次对于CSS2未声明的属性和方法,样式单的分析器会忽略它的存在,如:

    H1 ,H2
    H3 ,H4 & H5
    P {color:blue ;font-variant:small-caps}

    其中"&"是样式单中没有的标号,第二行整个被分析器略过,第三行中的font-variant不是一个合法属性,也被略过("color:blue"有效)。

    了解了以上规则,你就已经对样式单入门了,下面将详细介绍样式单的各种属性及属性值。


    页次:3/8  1篇/页  首页   上一页   下一页   尾页  合计 8 篇 Go:

     
    上一篇:简明 HTML CSS 开发规范
    下一篇:css中用expression实现js的onm...
    winner 打印本页 关闭窗口

         文 章 评 论
    评论人 查看该文章的评论 发表时间
       笔 名* : 0 50分 60分 70分 80分 90分 100分
    评论内容 *: (最多600字。当前字数:0)


    没有相关评论,欢迎您参与!

    - 关于本站 - 网站帮助 - 下载声明 - 友情连接 - 网站地图 -
    Copyright © 2005-2006 myTopWin.Com. All Rights Reserved . [桂ICP备06004496号]