阿宽

Nothing is more powerful than habit!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

了解CSS定義

Posted on 2008-07-16 20:15  宽田  阅读(379)  评论(0编辑  收藏  举报
一、CSS的定義
  定義CSS樣式的方法多種。
方法1,在<head>…</head>中定義,如下邊的CSS.
<head runat="server">
    <style type="text/css">
        body 
        
{
            font-family
:verdana, sans-serif;
            font-size
:small;
        
}
    <title>未命名頁面</title>
</head>

方法二,在<body>...</body>中直接用style定義,如下邊的CSS
<td style="position: absolute" width="100%">

方法三,把编辑好的CSS文档保存成“.CSS”文件,然后在<head>中定义。定义的格式如下
 <link rel=stylesheet href=“CSS文件”>
    說明:
        “rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。这里是不需要變更。
        href=‘style.css’為指定CSS文件。
如下邊代碼:
<head runat="server">
    <link rel="stylesheet" href="style.css" />
</head>


二、class和id的用法
    在CSS中定義ID以“#”開頭;定義Class以“.”開頭。
    定義格式分別為:
 指定标签.类名 {属性:属性值}
 .类名 
{属性:属性值}
 .类名 指定标签 
{属性:属性值}

 指定标签#类名 
{属性:属性值}
 #类名 
{属性:属性值}
 #类名 指定标签 
{属性:属性值}
  如下邊代碼:
    <style type="text/css">

        #navigation li
        
{
            margin-left
:1px;
            width
:120px;
        
}
        
        .my_sytle 
        
{
          width
:120px;
        
}
    </style>

    Class與ID區別:
    class和id看上去区别仅仅是“.”和“#”,他们最大的区别在于:id选择符在每个页面只能使用一次,它是唯一的,而class可以随意无限次使用。