简单的常用标签以及属性（随时补充）

Posted 2020-11-10 雨墨安然

 

html类别

 

table  表格  属性：1.cellpadding  单元格内部与边框的距离  

　　　　　　　　  2.cellspacing  每个单元格之间的间距

　　　　td 表中的单元格     属性 colspan="值"   将单元格横向合并指定值

input 输入框  属性：1.type="text"  常用输入框 ，可获取数字，符号，文字，字母等

　　　　　　　　　2.type="password"  密码输入框，显示内容为点或者星号，实际内容不变

　　　　　　　　　　

　　　　　　　　　3.type="checkbox"  选中符号，比较常用      

 

 　　　　　　　　 4.placeholder=""   在 type="text"  中使用，显示引号中的内容，点击框内会消失

 

 iframe  框架  1. 框架切换方法

　　　　html代码

　　　　<div id="">

　　　　　　<iframe id="" src=""></iframe>
　　　　</div>

 

　　　　js代码

　　　　function dj(num){
　　　　　　var aa = document.getElementById("盛放框架div的ID");
　　　　　　var bb = [框架需要切换的文件名];
　　　　　　var qq = document.getElementsByClassName(\'框架的ID\');
　　　　　　if（num == 0）{

　　　　　　aa.src = bb[ i ]

　　　　　　}else if{

　　　　　　...

　　　　　　}...

 

　　　　框架中的一个属性 onload （）     this.hight=0;var fdh=(this.Document?this.Document.boby.scrollHeight:contentDocument.body.offsetHeight);this.height=(fdh>值1?fdh:值2)这串代码可以设置框架的高度，高度试用于框架子界面的高度，如果子框架高度大于值1，则显示实际高度为值2

 

 

CSS类别

list-style-type:none；  无序列表去点

display: inline;  无序列表横向显示

float:left/right；   无序列表左右飘 

magin-left:xx px；   无序列表间距

float:right/left      左右飘内容

border-radius：  边框圆化处理  单位为px，%（50%时完美圆形）

cursor:pointer;   鼠标移入变小手

background:rgba(255,255,255,值);  设置背景透明度   值的范围为0-1之间

text-align:center;  表内内容居中

text-decoration: none;  a标签去除下划线

background-size:cover;  添加背景图带上这个，这是让背景图拉伸填充背景div

 

CSS3

background: linear-gradient(to bottom , black , white); 渐变（从上到下，由黑变白）