1. 程式人生 > >HTML,CSS,JS個別知識點總結

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

控制 IT 排列 效果 內容 one 默認 type relative

  <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);

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