HTML常用標(biāo)記說(shuō)明和CSS屬性設(shè)置對(duì)照表.docx

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