css基礎

css的css完全參考手冊是必備的
css的格式:外部樣式、內部樣式、內聯樣式
外部樣式:另外寫一個css文件以.css爲後綴名,通過超鏈接加載該css文件
如:<link rel="stylesheet" type="text/css" href="/c5.css" />
內部樣式(位於<head>中):定義在<style>標籤中(每個屬性寫完了都要分號結束";"
如:
<html lang="en">
<head>
  <meta charset="UTF-8">
  <style>內容</style>
  <title>Document</title>
</head>
<body>
 
</body>
</html>
內聯樣式(在 HTML 元素內部)定義在標籤的style屬性中;
如:
<html lang="en">
<head>
  <meta charset="UTF-8">

  <title>Document</title>
</head>
<body>
          <p style=""></p>
</body>
</html>
優先級:內聯樣式>內部樣式>外部樣式>瀏覽器缺省設置

CSS樣式
ØCSS 背景
background-color:背景顏色(透明:transparent
background-image:背景圖片
background-image:url("圖片的路徑/ 圖片名字+後綴名");
background-repeat 背景重複值爲:
repeat重複出現圖片
repeat-x沿x軸重複(橫向的是x軸縱向的是y軸)
repeat-y沿y軸重複
no-repeat不重複
background-position 背景位置(可以是百分數,也可以是像素)
(如果向右移動或者向上移動爲負數,如果向左或者向下移動爲正數)
length :  百分數 | 由浮點數字和單位標識符組成的長度值。請參閱 長度單位 
position :  top | center | bottom | left | center | right
ØCSS 文本
文本的顏色  color
字符間距  letter-spacing 
對齊文本  text-align
裝飾文本  text-decoration
overline、line-through、underline、none
對文本進行縮進  text-indent
ØCSS 字體
font-family: "楷體"(你的電腦有的字體)
font-weight(設置字體的粗細)
值爲:normal正常字體
bold 粗體
bolder( 比 normal 粗)
lighter ( 比 normal 細)
font-size:(設置字體的大小)
ØCSS 鏈接
a:link - 普通的、未被訪問的鏈接
a:visited - 用戶已訪問的鏈接
a:hover - 鼠標指針位於鏈接的上方(懸停)
a:active - 鏈接被點擊的時刻
鏈接注意,這樣的順序不能改變嚴格的說
a:hover 必須位於 a:link 和 a:visited 之後
a:active 必須位於 a:hover 之後
ØCSS 列表
要修改列表項的標誌類型,可以使用屬性 list-style-type
list-style-image: url("圖片位置/名字+後綴名")
list-style: none;什麼都不要
ØCSS 表格
table屬性
border-collapse:collapse;(將表格邊框摺疊爲單一邊框
padding內容填充距離
padding:默認四邊的距離爲一個值
padding-top:指定上邊的填充距離
padding-bottom指定下邊的填充距離
padding-left指定左邊的填充距離
padding-right指定右邊的填充距離
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章