西南林業大學11棟1單元208室HTML個別常用標記說明和CSS中個別屬性設置一.常用文本字符標記標記標記名稱功能描述 換行標記另外起一行開始標尺標記形成一個水平的標尺 居中對齊標記在文本網頁中間顯示 引用標記引用名言 預定義標記是源代碼的格式顯示在瀏覽器上 標題標記網頁標題，分h1h6 字體標記修飾字體大小，顏色，字體名字 字體加粗標記文字樣式加粗顯示 斜體標記文字樣式斜體顯示 下標標記文字以下標的方式顯示 下劃線標記文字下方有下劃線 上標標記文字以上標的方式顯示 地址標記文字以斜體的形式顯示地址 段落標記內容為一個段落備注：Html標記都是成對出現，有開始符號就有結束符號，個別可以沒有二列表標記標記描述無序列表在css里面美化用list-style-type:值為：disc(實心圓),circle(空心圓),square(實心方塊),none(不實用任何標號)有序列表個別例子表示以大寫I開始表示以大寫A開始表示以小寫a開始定義列表.定義列表標記列表項目標記三表單控件標記名稱說明Type指定表達元素類型，選項有:hidden,password,checkbox,radio,submit等Name指定表單名稱Value可選屬性，指定表單元素初始值Size指定表單元素顯示的長度Maxlength指定text,password元素可輸入的最大字符CheckedBoolean屬性，指定按鈕是否被選中Src Src=”url”，標識目標位置四Table常用標記標記名稱說明表格標記，成對出現行標記表格標題標記單元格標記表格標題標記Border邊框寬度，值大于等于1有效Bgcolor表格背景顏色Align設置對齊的方式Cellpadding設置單元格邊框和內部內容之間的間隔大小Cellspacing設置單元格之間的間隔大小Width表格的寬Height表格的高Colspan列合并Rowspan行合并五Html5中個別輸入類型示例輸入類型示例EmailurlNumberRangeDate piskerssearch六HTML5中標記屬性屬性值描述autoplayautoplay音頻就緒就播放controlsControls有控件顯示loopLoop重復播放preloadPreload和autoplay差不多srcurl播放文件位置例子：標記用法和屬性和它差不多，多了屬性width來設置播放器的寬度七CSS顏色對照顏色名稱顏色名稱aque水綠black黑色blue藍色gray灰色lime淺綠navy深藍purple紫色silver銀色white白色fuchsia紫紅green綠色maroon褐色olive橄欖red紅色teal深青Yellow黃色八CSS中text-shadow屬性屬性值含義color指定顏色Length指定陰影的水平延伸距離可以為負值opacity指定模糊效果作用的距離九CSS中text-decoration屬性屬性值說明None默認Underline下劃線Overline上劃線Line-through中劃線Blink閃爍十CSS中text-align屬性屬性值含義start文本向行的開始邊緣對齊end文本向行的結束邊緣對齊left左對齊right右對齊Center居中對齊justify根據text-justify屬性設置分散對齊Match-parent繼承對齊方式十一.CSS中background-repeat屬性屬性值描述repeat背景圖片水平和垂直方向重復平鋪Repeat-x水平方向平鋪Repeat-y垂直方向平鋪No-repeat不重復平鋪十二. CSS中的background-position屬性值屬性值說明length圖片與邊距水平與垂直方向距離長度，后跟px,cm等percentage以頁面元素框的高度或寬度的百分比放置圖片top背景圖片頂部居中center背景圖片居中顯示bottom背景圖片底部居中顯示left左部居中顯示right右部居中顯示十三.CSS中邊框樣式屬性值含義None無邊框Dotted點線Dashed破折線Solid直線Double雙線Groove槽線ridge脊線inset內嵌outset突起十四.各邊框樣式屬性屬性值描述Border-top-style設定上邊框的樣式Border-right-style右邊框樣式Border-bottom-style下邊框樣式Border-left-style左邊框樣式十五.定義不同的圓角屬性描述Border-top-right-radius定義右上圓角Border-top-left-radius定義左上圓角Border-bottom-left-radius定義左下圓角Border-bottom-right-radius定義右下圓角示例：border-top-left-radius:60px;十六.超鏈接偽類偽類用途A:link未被訪問前的樣式A:hover鼠標懸浮在上面的樣式A:active激活時樣式A:visited訪問過的樣式十七.濾鏡濾鏡名稱效果Alpha 設置透明度Blendtrans實現頭像之間的淡入淡出Blur 建立模糊效果Chroma 設置對象中指定顏色為透明色drhopshadow建立陰影效果FlipH將元素水平翻轉FlipV將元素垂直翻轉Glow建立外發光效果Gray灰度顯示Invert 圖像反相Light 設置光源效果Mask建立透明遮罩Revealtrans 建立切換效果Shadow建立另一種陰影效果Wave 波紋效果Xray 顯示圖片的輪廓示例:(style取值:03)十八.Display屬性值屬性值說明block以塊元素的方式顯示inline以內聯元素方式顯示none元素隱藏List-item以列表方式顯示十九.Padding子屬性屬性描述Padding-top設定上間隙Padding-bottom設定下間隙Padding-left設定左間隙Padding-right設定右間隙二十.Margin子屬性屬性描述Margin-top設定上邊距Ma