1.Html

1.1:認識Html的標簽

1) html:所有網頁的根標簽 所有網頁都要在html標簽中2)head:標簽用于定義頁面的頭部 3)body:標簽用于定義頁面的主體4)title:用于定義網頁的名稱5)<!-- 注釋文字 -->6)<mate>:定義了頁面相關的屬性 例如屬性charset="UTF-8" 定義了頁面的編碼格式7)p:段落文本8)hx:標題文本 h1-h69)em:用于改變文字的格式 斜體10)strong:用于改變文字的格式 粗體11)span:沒有語義 是用于設置單獨樣式使用的12)q:引用文本 為包括的文本 添加雙引號13)blockquote:長文本的引用文本 首尾縮進14)br:換行符 現在一般使用br /15)&nbsp:空格符16)hr:水平的橫線 現在一般使用hr /17)address:一般用于地址的格式18)code:代碼語言 當要輸入代碼時 用code包裹 html不會編譯19)PRe:作用是預格式化文本 文本中的空格 換行 都將被保留20)ui-li:無序列表20)oi-li:有序列表 21)div:作為容器 區分出不同的版塊22)table-tr-td-th:表格-行-列-列 屬性:summary=表格的簡介摘要23)caption:表格的標題24)a:這個標簽可以實現超鏈接 href="鏈接地址" title="鼠標移動到標簽上會顯示的文字" target="_blank"在新窗口中打開      發送郵件:href="mailto:郵件地址&后面可以跟參數詳情參閱API"25)img:插入圖片 src="圖片的地址" title="鼠標移到圖片上會顯示的文字" alt="當圖片下載時顯示的文本"26)form:表單的根標簽 method="傳送方式" action="服務器文件-指定的地址"27)input:文本輸入框 type="定義類型詳情參閱API 在ng中擴展了類型" name="標簽的標識符 可重復" value="默認值"28)textarea:文本域 rows="行數" cols="列數" 和input不同 input是單標簽 而textarea是雙標簽 所以默認值可以寫在雙標簽中29)select:下拉選 multiple="multiple"可以多選30)option:下拉選中的選項 寫在 select標簽中 selected="selected"默認選中31)label:不會向用戶呈現其它特殊效果 如果點擊了label內的文本 那么網頁的焦點就會轉向文本和label綁定的控件上      for="控件的id名稱" 這里一定要和id相對應 例如多選組 label內寫選項名 綁定checkbox 那么點擊名字的時候也會選中多選按鈕32)link:寫在head中 導入外部的CSS樣式 href="css樣式地址" rel="stylesheet" type="text/css" 固定寫法

2.CSS

2.1css選擇器 請參照 http://www.49028c.com.cn/cssref/css_selectors.asp1)類選擇器 .類名(不能是中文) 自定義一個樣式 該樣式寫在標簽的class屬性中2)id選擇器 #id名 與標簽的id相對應3)子選擇器 選定的父元素>子元素 >號只能選擇下面一層的子元素4)子選擇器 選定的父元素 子元素 中間加個空格和>不同在于 空格可以選定所有的子元素 而>只能選中下面一層的子元素5)全部選擇 *6)偽類選擇器 例如a:hover{color:red;} 當鼠標滑過制定a標簽中文字的時候 a標簽中的文字會變成紅色7)分組選擇符 例如h1,h2 這樣就給h1和h2標簽同時定義了樣式2.2認識css的樣式1)font-size:設置字號大小2)color:設置字體顏色3)font-weight:設置字體的粗細 normal=細 bold=粗 直接輸入文字自定義4)/*注釋語句*/5)優先級:就近原則 離元素越近 優先級越高6)font-family:設置字體 例如 font-family:"宋體"7)font-style:設置字體的樣式 normal:默認 italic:斜體 oblique:傾斜 inherit:規定從父元素繼承文字樣式8)text-decoration:給文本的周邊設置橫線 underline:在文本下  overline:在文本上 line-through:穿過文本(刪除線)  blink:閃爍的文本 inherit:規定繼承父元素text-   decoration的值9)text-indent:首行縮進 單位em的意思是字體的兩倍大小10)line-height:設置行高11)letter-spacing : 設置文字的間距12)text-align:設置對齊 居左 居中 居右13)background-color:設置背景顏色14)border:設置邊框線2.3權值 在選擇器中 權值個不一 但是在樣式最后加入!important  可以賦最高權值2.4html標簽的三大分類(舉例常用)1)塊狀元素:div,p,h1-h6,ol,ul,dl,table,address,blockquote,form2)內聯元素:a,span,br,hr,i,em,strong,label,q,var,cite,code3)內聯塊元素:img,input2.5布局模型1)流動模型(Folw) 網頁的默認布局模式