zoukankan      html  css  js  c++  java
  • 了解CSS定義

    一、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可以随意无限次使用。

  • 相关阅读:
    hdoj 6023 Automatic Judge
    hdoj 1170 Balloon Comes!
    初识vim操作和配置
    POJ 1611 The Suspects (并查集)
    HDU 1232 畅通工程 (并查集)
    计蒜客--两数之和
    计蒜客--爬楼梯 (动态规划)
    计蒜客--单独的数字 (位运算)
    计蒜客--最后一个单词的长度
    计蒜客-- 奇怪的国家 (位运算)
  • 原文地址:https://www.cnblogs.com/scottckt/p/1244633.html
Copyright © 2011-2022 走看看