無任何格式的行級標籤
能讓某幾個文字或者某個詞語凸顯出來
設定字型風格 ：斜體oblique\italic、normal
設定字型的粗細 ：normal、bold、bolder、lighter
100、200、300、400（normal）、500、600、700、800、900
設定字型大小 ：12px
絕對單位：px(畫素)
相對單位：em、rem
設定字型型別 :"楷書"
在乙個宣告中設定所有 字型屬性。
字型屬性的順序：字型風格→字型粗細→字型大小 →字型型別
順序：風粗大類
font：italic bold 36px "宋體";
設定文字顏色 ：
color:#a983d8;
color:rgb(0,255,255);
color:rgba(0,0,255,0.5); 1
、十六進製制方法表示顏色：前兩位表示紅色分量，中間兩位 表示綠色分量，最後兩位表示藍色分量
2、rgb(r,g,b) : 正整數的取值為0～255
在rgb基礎上增加了控制alpha透明度的引數，其中這個 透明通道值為0～1
設定元素水平對齊方式
left：把文字排列到左邊。預設值：由瀏覽器決定
right ：把文字排列到右邊
center：把文字排列到中間
justify：實現兩端對齊文字效
果設定首行文字的縮排
text-indent：em或px
設定文字的行高
line-height：px
設定文字的裝飾
text-decoration屬性：
none：預設值，定義的標準文字
underline:設定文字的下劃線
overline :設定文字的上劃線
line-through:設定文字的刪除線
垂直對齊方式:
vertical-align屬性：middle、top、bottom
text-shadow
：color x-offset y-offset blur-radius ；
標籤名:偽類名
設定偽類的順序：a:link->a:visited->a:hover->a:active
未單擊訪問時超連結樣式
a:link
單擊訪問後超連結樣式
a:visited
滑鼠懸浮其上的超連結樣式
a:hover
滑鼠單擊未釋放的超連結樣式
a:active
無標記符號
list-style-type:none;
實心圓，預設型別
list-style-type:disc;
空心圓;
list-style-type:circle
實心正方形
list-style-type:square; 數字
list-style-type:decimal
list-style-position: inside/outside
列表專案標記放置在文字以內，且環繞文字根據標記對齊
預設值。保持標記位於文字的左側。列表專案標記放置在文字以外.
list-style-image: url("bang.gif");
影象的路徑
預設。無圖形被顯示。
li 可以不設定其中的某個值，比如 "list-style:circle inside;" 也是允許的。未設定的屬性會使用其預設值。
預設值：disc outside none
背景顏色
背景影象
background-image:url(「路徑「);
預設值。不顯示背景影象
指向影象的路徑
背景重複方式：
repeat：預設；沿水平和垂直兩個方向平鋪
no-repeat：背景影象將僅顯示一次
repeat-x：背景影象將在水平方向重複。
repeat-y：背景影象將在垂直方向重複。
background:#c00
（背景顏色） url(../image/arrow-down.gif) （背景影象）205px 10px （背景定位）no-repeat（背景不重複顯示）;
可以不按順序設定
預設值，使用背景保持原樣
當使用百分值時，以父元素的百分比來設定背景影象的寬度和高度。第乙個值設定寬度，第二個值設定高度。
整個背景放大填充了整個元素
讓背景保持本身的寬高比例，將背景縮放到寬度或者高度正好適應所定義背景的區域
設定背景影象的高度和寬度。
第乙個值設定寬度，第二個值設定高度。
顏色沿著一條直線過渡：從左到右、從右到左、從 上到下等
linear-gradient ( position(漸變方向), color1（第一種顏色）, color2（第二種顏色）,…)
相容webkit核心的瀏覽器
-webkit-linear-gradient ( position, color1, color2,…)
• to left
to left
：設定漸變為從右到左。
• to right
to right
：設定漸變從左到右。
• to top
to top
：設定漸變從下到上。
• to bottom
to bottom
：設定漸變從上到下。
圓形或橢圓形漸變，顏色不再沿著一條直線變化， 而是從乙個起點朝所有方向混合
ie瀏覽器是trident核心，加字首：-ms-
chrome
瀏覽器是webkit核心，加字首：-webkit-
safari
瀏覽器是webkit核心，加字首：-webkit-
opera
瀏覽器是blink核心，加字首：-o-
firefox
瀏覽器是mozilla核心，加字首：-moz-
第1章HTML5基礎 知識點
1.html5基本結構和w3c標準 html hyper text markup language 超文字標記語言 w3c world wide web consortium 全球資訊網聯盟 成立於1994年，web技術領域最權威和具影響力的國際中立性技術標準機構 w3c標準包括 結構化標準語言 h...
html5 基礎開始
下面進入h5開發的基礎階段 想要製作乙個合格的網頁，基礎標籤就是根本，h5中的標籤可分為行標籤 a,b,s,u,i,sub,sup,strong,em,img,input等 和塊標籤 h1 h6,p,div,hr,ul,ol,dl,li dt,dd等 兩種，這兩種標籤都以自己的特性，熟練掌握他們的特...
HTML 5基礎標籤
一部分html5的基礎，主要有 1 html5語法中的元素 標籤 屬性 內容的含義及所指的語句 2 標籤的特點 1 標籤是成對出現的，前面的標籤是開始標籤，後面的標籤是結束標籤 閉合標籤 2 結束標籤 閉合標籤 有 3 自閉和標籤 自己沒有內容要展示，通過屬性就可以完成標籤的配置 3 快捷鍵的使用及...