HTML,CSS,JS個別知識點總結

　　<input>是自閉合標籤，沒有<input></input>一說，只能寫做<input/>。

　　<div>能夠是行標籤也能夠做爲塊標籤，做爲塊標籤必定要設置Width和Height，多個塊標籤水平排列能夠使用css寫法float方法，須要配合position:relative定位方法。

　　<ul><li>去掉各個項前面的點或改變其樣式使用list-style:none或list-style-type:none方法，修改其樣式則只須要修改list-style-type的值便可。

ul li{
　　list-style:none;
}


/*下列是其樣式值*/
none  不使用項目符號    
disc  實心圓，默認值    
circle  空心圓    
square  實心方塊    
decimal  阿拉伯數字    
lower-roman  小寫羅馬數字    
upper-roman  大寫羅馬數字    
lower-alpha  小寫英文字母    
upper-alpha  大寫英文字母  

　　當咱們在li各項之間添加分割線時能夠以下設置

li{
  border-right:2px solid #000;   /*設置右邊框線爲分割線，值依次是分割線的粗細，分割線的樣式，分割線的顏色*/  
}
li:last-child{
  border-right:0;   /*設置最後一項右邊框線爲0，不顯示*/  
}


/*下列是border邊框線樣式的值*/
none    定義無邊框。
hidden    與 "none" 相同。不過應用於表時除外，對於表，hidden 用於解決邊框衝突。
dotted    定義點狀邊框。在大多數瀏覽器中呈現爲實線。
dashed    定義虛線。在大多數瀏覽器中呈現爲實線。
solid    定義實線。
double    定義雙線。雙線的寬度等於 border-width 的值。
groove    定義 3D 凹槽邊框。其效果取決於 border-color 的值。
ridge    定義 3D 壟狀邊框。其效果取決於 border-color 的值。
inset    定義 3D inset 邊框。其效果取決於 border-color 的值。
outset    定義 3D outset 邊框。其效果取決於 border-color 的值。
inherit    規定應該從父元素繼承邊框樣式。

　　js中控制數據寫入指定的標籤位置中去有多種方法

//第一種，直接填充
document.getElementById('id').innerHTML="內容"

//第二種，拼接顯示，適合多個內容連續顯示
var html = '';
for(var i=0;i<5;i++){
 if(i==0){
  html +='<li class="first"><div class="number">';
 }else{
  html += '<li class="first active"><div class="number">'
 }
 html += ='這個是div中的內容</div></li>'
}
document.getElementById('container').innerHTML = html;

//第三種，jquery方法填充
html = "顯示內容";
$("#id").append(html);
或
$("#id").html(html);