学习随记

最新推荐文章于 2021-12-16 21:28:16 发布

置顶栈长

最新推荐文章于 2021-12-16 21:28:16 发布

阅读量319

点赞数 1

分类专栏：注意文章标签： html 隐藏定位

本文链接：https://blog.csdn.net/wdzhszyq/article/details/64126522

版权

注意专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.标签类型：

		<!--行级，无宽高，不换行-->
		<span></span>
		<span></span>
		<!--块级，有宽高会换行-->
		<div></div>
		<div></div>
		<!--行内块级，有宽高，不换行-->
		<input type="text"></input>
		<input type="text"></input>

2.display:
/*隐藏*/
display:none;
/*显示*/display:block;

				/*第一种隐藏方式，隐藏后不占位置*/
				/*display: none;*/
				
				/*第二种隐藏方式，隐藏后会占位置*/
				/*visibility:hidden;*/
				
				/*特殊隐藏，只有超出才会隐藏*/
				overflow: hidden;3.overflow: auto;自动隐藏多余部分，出现滚动条

4.定位
/*relative  占有空间，数值计算方法从自身的位置的0  0坐标开始*/
/*absolute  不占有空间，数值计算方法从有相对定位的父级的位置的0  0坐标开始*/

5.

/*margin: 10px auto;*/
/*只能用于区域或者结构居中，文字（text-align）/图片(外边距实现，)不能用auto实现*/
/*宽度可以继承，高度不能被继承*/
/*img图片优先级高于背景图片*/
/*cursor 属性规定要显示的光标的类型（形状）*/



6.		<script type="text/javascript">
		/*在文本中找到按钮，点击它，找到盒子，盒子的样式是消失*/
			/*使用visibility:hidden;后原来位置还在，只是隐藏。*/
			document.getElementById("btn").οnclick=function(){
				document.getElementById("box").style.display="none";
			}
		</script>

	<!--<script type="text/javascript">
			/*document指文档*/
			/*oninput 当输入框里面输入信息时会发生变化*/
			document.getElementById("scoreId").οninput=function(){
				document.getElementById("baseId").value=this.value;
			}
		</script>-->