码迷,mamicode.com
首页 > Web开发 > 详细

HTML,CSS,JS个别知识点总结

时间:2018-06-20 21:26:20      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:修改   改变   lower   active   方法   排列   i++   设置   alpha   

  <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个别知识点总结

标签:修改   改变   lower   active   方法   排列   i++   设置   alpha   

原文地址:https://www.cnblogs.com/lovele-/p/9205503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!