1. 程式人生 > >CSS的初步學習

CSS的初步學習

學習 body repeat 頁面 image 一個 12px 瀏覽器 用法

CSS的作用:

  被用來格式化HTML文檔

插入樣式的方法:

  • 外部樣式表

    目的:

      適合格式化多個頁面,減少工程量。

    用法:

      每個html頁面使用標簽(在頁面頭部)鏈接到樣式表中,代碼如下:

      

<head>
    <link rel="stylesheet" type="text/css" href="demo.css">
</head>

      瀏覽器將會從demo.css文件裏讀取相應的樣式來格式化html頁面,在寫css的過程中要註意格式。

  • 內部樣式表

    目的;

      適合格式化單個

html中許多相同的標簽。

    用法:

      在<head>標簽中寫入<style>標簽,示例代碼如下:

      

<head>
    <style>
        h1,h2,h3,h4,h5,h6{padding:0px;margin:0px}
        body{margin:0px auto;padding: 0px auto;border: 0px auto;background:repeat-x;font-size: 12px;background-image:url(image/body_bg.png); }
    </
style> </head>

  • 內聯樣式

    目的:

      對頁面中的每一個標簽單獨設置顯示樣式,但是過於繁瑣,代碼冗雜。

    用法:

      頁面中的每一個標簽都用個單獨的style屬性設置。示例代碼如下:

      

<div id="showmes" style="background-color: #33eeff;height: 400px;width: 5%;float: left;"></div>

CSS的初步學習