關於HTML常用的標籤--簡記
<head>
<title>HTML標題</title>
CSS代碼含義：
a:link{ color:默認顏色}
a:visited{ color:已點擊後顏色}
a:hover{ color:當用戶劃過鏈接時的顏色}
a:active{ color:當用戶點擊不放時的顏色}
.info a { color:顏色;}《最先實現級別》
a{color:顏色 !important 優先級強調}
p a{ color:顏色;}
類選擇器
.???{}
ID選擇器
#??{}
通配符選擇器
*{}
派生選擇器
p a{}
選擇器的繼承
body{}
選擇器的優先級
標籤選擇器=1
類選擇器=10
id選擇器=100
內部樣式表=1000
僞類=10
</head>：頭部
<body >
屬性：
bgcolor="#FFCCFF" 背景顏色
background=1.jpg 背景圖片
屬性：
background-repeat：repeat-x 背景圖片水平平鋪
background-repeat：repeat-y 背景圖片垂直平鋪
background-repeat：no-repeat 背景圖片不重複
background-repeat：repeat 背景圖片鋪滿整個空間
background-position 背景圖片位置
屬性：
top left ：頂端左邊位置
top center：頂端居中位置
top right：頂端右邊位置
left center：左邊居中位置
center center：正中位置
right center：右邊居中位置
bottom left：底部左邊位置
bottom center：底部居中位置
bottom right：底部右邊位置
leftmargin="頁面左邊距"
rightmargin="頁面右邊距"
<embed src="音樂文件位置/媒體視屏位置">
屬性：
width="450":寬度
height="500"：高度
loop="1" :循環播放
showcontorols="1"：顯示控制按鈕
showstatusbar="1"：顯示狀態欄
autostart="1"：自動播放
<h1>：標題標記
屬性：
align 對齊方式
<hr/>：水平線標記
屬性：
noshade 水平線去掉陰影
width="水平線寬度數值%或像素值"
color：水平線顏色
size="高度（只能用像素值）"
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>4號標題</h4>
<h5>五號標題</h5>
<p>：段落內容 段落內容根據網頁寬度進行自動換行顯示。
'
<ol>：有序列表<ul>:無序列表
屬性：
type:前綴類型
start:計數起始設計(有序列表)
<li>***</li>
<li>**</li>
<li>***</li>
<dl>定義列表
<dt>定義標題
<dd>定義解釋
<a href >超級鏈接
屬性：
name：定義和錨點
target：目標指向 （blank 新窗口打開 _parent 父窗口打開 _self 當前窗口打開 _top頂端窗口打開）
<pre>和P標籤相似但會保留空格和換行符
<font>字體設置
'屬性：
<font-size:**字體設置大小>
<font-color:顏色 字體顏色>
<font-face="字體設置">
<address>突出顯示，一般用斜體顯示
<em>一般強調，用斜體顯示
<strong>特別強調，用粗體顯示
<code>用等寬字體顯示命令或計算機程序代碼
<samp>用於字母序列，用等寬字體顯示。
<kbd>用粗體等寬字體顯示文字
<var>用較小的固定跨度字體顯示字體，也可以表示一個程序的變量
<dfn>用於名詞解釋，通常用斜體來顯示被解釋的字體或名詞縮寫
<cite>用於標題文字通常用斜體來表示
<strike>刪除線
<small>縮小字體
<big>放大字體
<sup>上標
<sub>下標
<b>粗體
<i>斜體
分區標籤<div >
屬性：
width:寬度;
height:高度;
background:DIV標籤背景色
<img src="圖像地址" >
屬性：
alt="提示文字"
title="提示文字"
align:圖像與文本對齊方式
border：邊框像素值
hspace:水平邊距
vspace:垂直邊距
<span >：範圍標記
屬性：
style=color:red;範圍內文字顏色
font-size:70px範圍內文字大小
<marquee >：用於網頁中需滾動顯示的區域
屬性：
scrolldelay="滾動時間"
direction（滾動方向）="up /down/left/right">
<table>表格
屬性：
bgcolor:表格背景顏色
background:表格背景圖
align表格中文本對齊方式
color 表格內文本顏色
cellspacing:相鄰單元格距離屬性
cellpadding邊框與內容之間距離
border:表格邊框
bordercolor 表格邊框顏色
bordercolorlight 亮邊框色
bordercolordark 暗邊框色
<th>表格表頭
<caption>表格標題
<colspan>合併行
<rowspan>合併列
表單
屬性：
<input type:"text" 文本區域 action 提交後，由服務其上那個程序處理 method 指定想服務器提交的方法>
<text>單行文本輸入
<password>密碼框
<select>下拉列表
<submlt>提交按鈕
<radio>單選按鈕
<checkbox>複選框
<reset>重置按鈕
<textarea>多行文本框
<frameset 框架標籤 >
屬性：
border:框架邊框
name:框架名稱
title:框架標題
rows="*,*,*" 框架內橫排列網頁/
cols="*，*，*" 豎排列
frameborder=".." 設置無框架邊框
frame src="框架源網頁地址"
srcrolling:是否顯示滾動條
noresize:是否禁止調整框架大小
<frame>內鏈框架
<font-family>字體設置
屬性：
color：顏色
font-size：字號
<text-transform>
屬性：
none:默認值，無轉換變化
capitalize:首字母大寫
uppercase:字母全部大寫
lowercase:字母全部小寫
<text-drcoration>文本修飾
屬性：
line-through:定義直線穿過文本，也叫刪除線
blink:閃爍文本，大多瀏覽器不支持
underline:定義下劃線文本
overline:定義上劃線文本
<line-height>行高調整
屬性：
%:行高設置爲%單位
px：行高設置爲像素值
em：使用em設置行高
<font>綜合屬性
style:字體樣式
variant:小型大寫字母
weight:字體加粗
size:字體大小
height:行高
family:字體名稱
文本排版
屬性：letter-spacing:字母之間距離
word-soacing:單詞之間距離
vertical-align:垂直對齊
屬性：baseline:內容與基線對齊
sub:文本的下標
super：文本的上標
top:將對象內容與對象頂端對齊
text-top:將對象文本與對象頂端對齊
middle:將對象內容與對象中部對齊
bottom:將對象內容與對象低端對齊
text-bottom: 將對象文本與對象頂端對齊
text-align：文本對齊方式
屬性：
left:左對齊
right：右對齊
center：居中對齊
justify：兩端對齊
text-indent：段落縮進
屬性：
%：縮進的百分比
px：縮進的像素
em：縮進的emz值
white-space：空白區域屬性
屬性：
normal：自然換行，超出元素寬度換行
pre：保留換行和空白，IE6，且聲明瞭DOCTTYPE纔可用
nowrap：不換行，知道遇到標籤爲止
pre-wrap：同PRE屬性超出容器範圍自動換行
pre-line：同PRE屬性連續空格看成一個空格
display:顯示
屬性：
none：此元素不會被顯示
block：顯示爲塊級元素，前後都會帶有換行符
inline： 默認，內聯元素，元素前後沒有換行符
border:表格邊框
屬性：
none：沒有邊框
dashed:破折線邊框
solid:直線邊框
double:雙線式邊框
groove:槽線式邊框
dotted：點線式邊框
ridge:脊線式邊框
inset:內嵌效果邊框
outside:突起效果的邊框
常見的塊級標籤：
div form
dl hr
menu pre
table ul
li p
常見的內聯標籤：
a br
em font
input span
img strong
list-style-type:列表樣式
屬性：disc:實心圓形點
circle:空心圓圈
square:正方形
decimal:十進制數字
none:無樣式
list_style-position：列表位置
屬性：inside:顯示文本之內
outside：文本之外
div:層
屬性：position:定位
屬性：absolute：絕對定位
fixed:按照瀏覽器窗口定位
relative:相對定位
static:無定位
z-index：層的屬性值
inherit：繼承父層的屬性
visible：該層可見
hidden:該層隱藏，不可見
width：寬度
height：高度
overflow：層的溢出屬性
屬性：visible：增加層的大小 顯示層內所有內容
hidden：保持層的大小不變，將超出層的內容剪輯掉。
scroll：總是顯示滾動條
auto：只有內容超出層的邊界時才顯示滾動條。
clip：層的剪輯
cursor：鼠標指針
屬性：auto：自動
crosshair：十字
pointer：手指的形式表明有一個連接
wait：漏斗形式表明程序正忙
help：指針後帶有問號。表明課得到幫助
text：文字內容
move：移動
n-resize：向上改變大小
s-resize：向下改變大小
e-resize：向右改變大小
w-resize：向左改變大小
ne-resize：向上右改變大小
nw-resize：向上左變大小
se-resize：向下右改變大小
sw-resize：向下左改變大小
not-allowed：禁止
progress：處理中
default：正常狀態
filter：濾鏡《只有ie瀏覽器有效果》
屬性：
alpha：透明層次
blendtrans：產生一種淡入的效果
blur：模糊效果
chroma：製作專用的顏色透明
dropshadow：創建對象的固定影子
flipH：創建水平鏡像的影子
flipV：創建垂直鏡像的影子
glow：加光輝在附近對象的邊外
gray：把照片灰度化
invert：反色
light：創建光源在對象上
mask：創建透明掩膜在對象上
revealtrans：可以隨機產生32種動態效果
shadow：創建偏移固定影子
wave：波紋效果
xray：是對象變得像X光照射一樣
<a href="#" class="button">按鈕鏈接</a>:可根據字體顏色，背景顏色，邊距大小來美化和設置
</body>：內容標記
</html>2014年6月16日00:07:44
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章