html元素屬性分類：
cascading style sheet，層疊樣式表，一種樣式表語言，其作用是控制頁面內容的顯示外觀效果
css樣式設定：
1.瀏覽器預設樣式
2.外部樣式表(在文件頭通過link元素鏈結css檔案)
3.內部樣式表(直接在文件頭通過style元素指定)
4.內聯樣式(直接在某個元素的style屬性中指定)
樣式設定的優先順序從上往下依次遞增，即內聯樣式的優先順序最高，對於重複設定的某個樣式規則，優先順序高的將會覆蓋優先順序低的
除了內聯樣式，樣式表是由若干個css規則集構成，每個規則集由選擇器(selector，選擇要設定樣式的元素)和一對花括號構成，花括號中包含若干條宣告(declaration即若干條具體樣式規則)，每個宣告都要以分號結尾，乙個宣告內部是由屬性名和屬性值構成，它們以冒號分隔，如果屬性值含有空格，還需要用引號括起來
css中使用/* */括起來的為注釋內容
盒子模型(box model)
在css眼中，乙個佔據頁面空間的html元素就是乙個盒子，每個盒子都具有外邊距(margin)，邊框(border)，內邊距(padding)，內容(content)這些屬性
css學習方法：熟練掌握常用樣式規則的意義和寫法
文字相關樣式
color：設定文字顏色
font-size：字型大小，常用單位有px，em，rem
font-family：字型設定，通常使用字型列表，瀏覽器會從左向右一次匹配，直到找到系統中可用的字型，如果沒有找到就使用瀏覽器預設字型
font-size：字型樣式，常用就是italic，即斜體
font-weight：字型粗細，常用就是bold，即粗體
text-decoration：文字裝飾，常用就是underline，overline，line-through
text-align：文字排列方式，常用就是left，center，right
letter-spacing：字元間距
line-height：行高
text-indent：文字縮排
index 索引之頁， apache，nginx如果不指定訪問的網頁，預設情況下會訪問index，所以才會把主頁命名為index
margin的使用：
margin-top: -20px;
margin-left: 200px;
/*margin: 50px 上下左右都為50*/
/*margin: 50px -100px 上下為50 左右為100*/
/*margin: 50px 100px 200px 上為50 左右為100 下為200px */
/*margin: 50px 100px -500px 100px 上為50 右為100 下為500px 左為100px*/
絕對單位：
px：畫素，是多少畫素就是多少畫素
相對單位：
em：倍數，這個倍數是相對于父元素來計算的，其父元素是20px，那麼它就是40px
font-*
font-size：設定字型大小，也可理解為字型的高度
font-family 設定字型，後面可以直接跟楷體，黑體等字樣，當然需要瀏覽器安裝這種字樣。一般建議使用所有瀏覽器都安裝過的字型，因為就算你的瀏覽器裝過這種字型，別人的瀏覽器沒裝過，就會顯示預設字型，達不到你的預期期望。font-family後面可以跟多種字型，你可以把你最期望的字型寫在最前面，其次期望的寫在後面，別人的瀏覽器就會一次判斷有無此字型，如果有就用，都沒有就使用預設字型
font-style：italic： 斜體
font-weight：字型的重量，例如後面跟bold即為加粗
text-*
text-decoration：underline 下劃線 (但一般前端工程師不會這樣做，因為一些字母如 g等會穿過下劃線，看起來不美觀)
text-decoration：line-through 刪除線
text-align：設定文字的排列方式，後面可跟center(居中)，right(右對齊)等
letter-spacing： 設定字元間距 如 3rem 等
line-height：行高
text-indent：首行縮排
設定背景
background
background: url("路徑"); 設定背景
後面可以跟no-repeat top 表示只要一張圖並且居中
link
用來連線外部css樣式表檔案
css當前最新版本為3.0，注意css3新增的特性並不是所有瀏覽器都支援的
擁有相同父元素的元素之間互稱兄弟
優先順序：id選擇器 > 類選擇器 > 元素選擇器
通過display樣式可以控制元素的顯示方式
display：block 稱為塊級元素
display：inline 在一行顯示
display：none 隱藏，元素所佔的空間也不存在
visibility：hidden 隱藏，但元素所佔的空間依舊存在
display：inline-block
定位(position)
z-index：設定z軸的順序
當兩個元素顯示位置存在交叉時，可以通過設定z順序(z-index)控制他們的呈現方式
使用float屬性，常用屬性值為left和right
float：right 飄到最右邊
clear：both 清楚浮動
飄起來後塊級元素會壓縮，會呈現在一行
style屬性 全域性屬性，針對body裡的內容
在發生重複時，body裡的style的優先順序更高
在head中設定的style 會對body裡指定的內容都生效
一般瀏覽器的預設字型大小為16px
通常情況下子元素會繼承父元素的大多數樣式，若font-size等
多個元素可以使用相同的class，但id必須唯一
5.假如有多個相同元素需要設定不同的css樣式，那麼就可以用class，示例如下：azhe
nihao!
中國
6.在css樣式中id的css名稱用#加上id，即#tip，class的css名稱為 .text
7.http預設埠是80，https預設埠號是443
8.樣式資源網weui框架網， bootstrap
9.一般css樣式中帶有 - 橫桿的都是為了一些瀏覽器專門準備的
10.min-width：50px 最小的寬度
11.css樣式 *[id] 表示只要有id就執行以下屬性
*[id*=stu]表示只要id屬性中含有stu就執行其下面的屬性
12.列表樣式
list-style-type：預設為圓形 可以跟none讓前面沒有形狀
**border-collapse：collapse; 合併邊框
13.對內聯元素來說上下內外邊距高度寬度都無效，對塊級元素都是有效的
14.hover選擇滑鼠指標浮動在其上的元素，並設定其樣式
15.selected 使被選中的文字成為固定的顏色
web應用開發編碼
說明 日常開發中，編碼問題是經常出現的，下面是日常積累以及查閱資料彙總的相應解決方法。page contenttype text html charset gbk 或 response.setcharacterencoding page pageencoding utf 8 1 post表單提交 r...
Web應用開發流程
市場分析 軟體設計 偏功能性 產品型或專案型 以下是產品型 軟體詳細設計 詳細到每個功能點.研發階段 研發階段性報告 週報 月報 季報 測試階段 測試分類 白盒 指的是邏輯性測試.修改階段 內測階段 市場反饋報告 正式上線 軟體運維文件 以下是專案型 需求討論階段 設計階段 軟體詳細設計 詳細到每個...
Web應用程式技術
http請求 所有http請求都包含乙個單行顯示的訊息頭，然後是乙個強制空白行，最後是乙個訊息主體。每個http請求第一行都有三個專案，每個專案以空格分開 以上三部分即為http請求的第一行內容 訊息頭 user agent 提供瀏覽器或其他生成請求的客戶端軟體的有關資訊。host 指定被訪問的完整...