前端入門二

evernote export

css語法：選擇符

選擇符表示要定義樣式的物件，可以是元素本身，也可以是一類元素或者制定名稱的元素.

屬性：屬性是指定選擇符所具有的屬性，它是css的核心，css2共有150多個屬性

屬性值：屬性值包括法定屬性值及常見的數值加單位，如25px，或顏色值等。

說明：1）每個css樣式由兩部分組成，即選擇符和宣告，宣告又分為屬性和屬性值；

2）屬性必須放在花括號中，屬性與屬性值用冒號連線。

3）每條宣告用分號結束。

4）當乙個屬性有多個屬性值的時候，屬性值與屬性值不分先後順序。

5）在書寫樣式過程中，空格、換行等操作不影響屬性顯示。

a、內部樣式

語法：

注：使用style標記建立樣式時，最好將該標記寫在;

*方法一：外部樣式表的建立：

說明：使用link元素匯入外部樣式表時，需將該元素寫在文件頭部，即之間。

rel（relation）：用於定義文件關聯，表示關聯樣式表；

type：定義文件型別；

*方法二：外部樣式表的匯入

注：@和import之間沒有空格 url和小括號之間也沒有空格；必須結尾以分號結束；

語法：《標籤 style="屬性：屬性值;屬性:屬性值;">擴充套件知識點：link和import匯入外部樣式的區別：

差別1：本質的差別：link屬於xhtml標籤，而@import完全是css提供的一種方式。

b、內部樣式表與外部樣式表的優先順序和書寫的順序有關，後書寫的優先級別高。

常用的選擇符有十種左右

型別選擇符，id選擇符，class選擇符，萬用字元，群組選擇符

包含選擇符，偽類選擇符(偽類選擇符css中已經定義好的選擇器,不能隨便取名)，偽物件選擇符(設定在物件後發生的內容。用來和content屬性一起使用 )

1） 元素選擇符/型別選擇符（element選擇器 )

語法：元素名稱

說明：a)元素選擇符就是以文件語言物件型別作為選擇符，即使用結構中元素名稱作為選擇符。例如body、div、p,img,em,strong,span......等。

b)所有的頁面元素都可以作為選擇符;

用法：1)如果想改變某個元素得預設樣式時，可以使用型別選擇符；

（如：改變乙個div、p、h1樣式）

2) 當統一文件某個元素的顯示效果時，可以使用型別選擇符

（如：改變文件所有p段落樣式）

語法：#id名

說明：a）當我們使用id選擇符時，應該為每個元素定義乙個id屬性

如：b）id選擇符的語法格式是「#」加上自定義的id名

如：#box

c) 起名時要取英文名，不能用關鍵字：(所有的標記和屬性都是關鍵字)

如：head標記

d）乙個id名稱只能對應文件中乙個具體的元素物件，因為id只能定義頁面中某乙個唯一的元素物件。

e) 最大的用處：建立網頁的外圍結構。

語法：.class名

說明：a）當我們使用class選擇符時，應先為每個元素定義乙個類名稱

b）class選擇符的語法格式是："如：

"用法：class選擇符更適合定義一類樣式；

語法：*

說明：通配選擇符的寫法是「*」，其含義就是所有元素。

用法：常用來重置樣式。

語法：選擇符1，選擇符2，選擇符3

說明：當有多個選擇符應用相同的樣式時，可以將選擇符用「，」分隔的方式，合併為一組。

語法：選擇符1 選擇符2

說明：選擇符1和選擇符2用空格隔開，含義就是選擇符1中包含的所有選擇符2;

用法：當我的元素存在父級元素的時候，我要改變自己本身的樣式，可以不另加選擇符，直接用包含選擇器的方式解決。

語法 ：

a:link超連結的初始狀態;

a:visited超連結被訪問後的狀態;

a:hover滑鼠懸停，即滑鼠劃過超連結時的狀態;

a:active超連結被啟用時的狀態，即滑鼠按下時超連結的狀態;

要讓他們遵守乙個愛恨原則love/hate,也就是link--visited--hover--active。

說明：a）當這4個超連結偽類選擇符聯合使用時，應注意他們的順序，正常順序為：

a:link,a:visited,a:hover,a:active,錯誤的順序有時會使超連結的樣式失效；

b）為了簡化**，可以把偽類選擇符中相同的宣告提出來放在a選擇符中；

例如：a a:hover 表示超連結的三種狀態都相同，只有滑鼠劃過變顏色。

型別選擇符的權重為0001

class選擇符的權重為0010

id選擇符的權重為0100

子選擇符的權重為0000

屬性選擇符的權重為0010

偽類選擇符的權重為0010

偽元素選擇符的權重為0010

包含選擇符的權重：為包含選擇符的權中之和

內聯樣式的權重為1000

繼承樣式的權重為0000

* 當不同選擇符的樣式設定有衝突的時候，高權重選擇 符的樣式會覆蓋低權重選擇符的樣式。例如：b .demo的權重是1+10=11

.demo的權重是10

所以經常會發生.demo的樣式失效

* 相同權重的選擇符，樣式遵循就近原則：哪個選擇符最後定義，就採用哪個選擇符樣式。

（注意：是css樣式中定義該選擇符的先後，而不是html中使用先後）

css的注釋

/* 我是css的注釋 */

返回頂部

前端入門（二）

html全稱超文字標記語言 hypertext markup language 標記語言 不是程式語言，使用一系列的標記，表示 儲存資訊。html標籤是html語言中最基本的單位。html 標籤通常是成對出現的，比如和標籤對中的第乙個標籤是開始標籤，第二個標籤是結束標籤 渲染引擎瀏覽器 triden...

openresty 前端開發入門二

這一章主要介紹介紹怎麼獲取請求引數，並且處理之後返回資料 我們知道http請求通常分為兩種，分別是get，post，在http協議中，get引數通常會緊跟在uri後面，而post請求引數則包含在請求體中，nginx預設情況下是不會讀取post請求引數的，最好也不要試圖使改變這種行為，因為大多數情況下...

前端HTTP入門

http hypertext transfer protocol，超文字傳輸協議 tcp ip通訊傳輸流 封裝傳送端在層與層之間傳輸資料時，每經過一層時必定會被打上乙個該層所屬的首部資訊。反之，接收端在層與層傳輸資料時，每經過一層時會把對應的首部消去。這種把資料資訊包裝起來的做法稱為封裝 encap...