前端常用技術總結--java程式員

標籤：padding   點擊   序列   功能   16進位   外邊距   name   jquery   parent   

1.*.html檔案和*.htm檔案是一樣的

2.html的標籤不區分大小寫，大小寫均可

3.html標籤的color屬性的表示方式有三種:①用英語表示②用16進位00——ff來表示,常用的顏色運算式:#FFFFFF白色,#000000黑色,#FF0000紅色,#00FF00綠色,#0000FF藍色③16進位的簡寫,如#fff,#000,#0f0等

4.<br>和<p>的區別:<br>換行後下一行和上一行緊挨著，<p>代表段落，換行後和上一行空白一行。

5.<img>標籤的alt屬性和title屬性:alt屬性是圖片在種種原因下無法顯示時，出現的標題。title是圖片正常顯示時，滑鼠放在圖片後顯示的標題。圖片無法正常顯示時，不會出現title中的文字，圖片在正常顯示時，也不會顯示alt的值。

6.列表標籤:  無序列表:<ul>標籤，type屬性有cricle,disc,square值，表現形式類似於形式。<ol>標籤，有序標籤,type屬性的值有1,i,I等值，表現形式類似於形式,兩者的子標籤都是<li>標籤。

 

7.<a>標籤的target屬性詳解:①w3cschool中的:

 

具體的含義具體自己來驗證(前端問題找w3cschool來解決)

其中,_parent是在<iframe>標籤中的<a>，超連結的內容顯示在<iframe>的父容器中,即盛放<iframe>的<body>中顯示內容。_top是嵌套多個<iframe>標籤是,<a>連結的內容顯示在最頂層的容器中。

②target的值寫上<frame>標籤的name屬性值，點擊超連結後，<a>標籤中的href屬性串連的內容會顯示到對應的<frame>框中去.

 

 8.<frameset>及<frame>標籤,<iframe>標籤:

<frameset>標籤是框架組標籤，把多個頁面整合到一個頁面上，做一個整合。其通過rows或者cols屬性對頁面進行切分,通過<frame>子標籤的src屬性來整合其他頁面.<frame>標籤的name屬性和<a>的target屬性配合使用，讓<a>的超連結內容在對應的<frame>架構中顯示.

<iframe>標籤和<frameset>及<frame>的區別:<frameset>標籤是對整個頁面的切分，它不允許有body標籤，它就充當了body標籤的角色，通過rows和cols屬性來對整個頁面進行橫豎的切分，切分好後，通過<frame>子標籤來對頁面進行填充。<frame>的src來引入其他的文檔頁面。

<iframe>標籤類似於<frame>標籤，只不過<frame>是<frameset>的子標籤，而<iframe>是<body>的子標籤，也是通過src屬性來引入其他文檔。通常還是用<iframe>標籤多一點，因為它是基於<body>標籤上的，除了引入其它文檔外，還能進行其他的操作，而使用<frameset>標籤後，沒有<body>，除了引入其他文檔外，其他的操作性降低了。

9.<form>表單:get提交方式是把表單中的參數拼接到action的請求路徑上，由於請求路徑長度有限，所以get請求提交資料長度有限。當form表單中參數過多或參數過大時，不適合用get請求，適合用post請求。

10.maxlength屬性，控制input框輸入的長度.

11.<input>標籤通過value的值決定輸入框顯示的內容,<textarea>通過在<textarea></textarea>標籤之間寫內容來在文本域中顯示。

12.css樣式:

文法格式:  選取器{屬性1:值;屬性2:值;屬性3:值;...}

1.該文法可以寫在css檔案中,然後再html檔案中通過<link>標籤引入,也可以在html檔案的<style>標籤中書寫，來規定選取器選擇的標籤的樣式。對於某一個標籤的樣式，可以通過style屬性來渲染。

2.選取器:元素選取器(標籤選取器):直接寫標籤的字母即可,如:body{屬性1:值;屬性2:值;}  input{屬性1:值;屬性2:值}

id選取器:#id{屬性1:值;屬性2:值}

類別選取器:.class{屬性1:值;屬性2:值;}

屬性選取器:[‘屬性‘=‘值‘]{屬性1:值;屬性2:值}

包含選取器:

A B:A元素下的所有B元素，祖孫

A>B:A元素下的子代B元素，父子

A+B:獲得A元素的下一個B元素,兄弟

A~B:獲得A元素後的所有B元素,兄弟

3.css樣式常用的屬性:heigth,width,border(solid實現,none無邊,double雙邊),color,background-cplor,

padding:內邊距,可以規定上下左右邊距。

padding-top:上邊距  padding-bottom:下邊距  padding-left:左邊距  padding-right:右邊距

margin:外邊距,可以規定上下左右邊距

margin-top:上邊距  margin-bottom:下邊距   margin-left:左邊距  margin-right:右邊距

 

13.前端中做隱藏，顯示功能的方法:

①css中display屬性的none和block值的切換

2.採用jQuery的show()和hide()方法進行切換，或者使用toggle()方法

 

前端常用技術總結--java程式員