CSS的初步學習
阿新 • • 發佈:2018-07-16
學習 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的初步學習