css基礎教程

時間 2019-11-18

標籤 css 基礎教程欄目 CSS 简体版

原文原文鏈接

css規則有兩個主要部分構成：選擇器，以及一條或多條聲明。css

值的不一樣寫法和單位：字體

能夠使用十六進制設置顏色值：#ff0000; 爲節約字節，使用css縮寫形式：#f00；url

類選擇器：以一個點號顯示。spa

id選擇器：以「#」來定義。指針

插入樣式表的三種方法：code

1）外部樣式表blog

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

2）內部樣式表it

<head>
   <style>
  　　 h1{color:#f00; width:20px; height:20px;}
   </style>
</head>

3)內聯樣式表class

<body>
<h1 style="color:red; margin-left:20px">標題1</h1>
</body>

css樣式：背景、文本、字體、連接、列表、表格、輪廓方法

<head>
　　<style>
　　　 p{background-color:#f00;}
　　　 h1{background-image:url(./img/agg.gif);}
　　</style>
</head>
<body>
    <p></p>
　　<h1></h1>
</body>

文本屬性：text-indent

字體：大小、字體、樣式、加粗

　body {font-size:20px; font-family:"微軟雅黑"; font-style:italic; font-weight:bold;}

css連接：a連接屬性href

<a href="http://www.baidu.com">baidu</a>

設置連接的樣式：

a:link    普通、未被訪問的連接
a:hover   鼠標指針移到連接的上方
a:active  連接被點擊的時刻
a:visited 用戶已訪問的連接

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。