一、web前端选择器
选择器 书写方式
id: #id(id名称){}
class: .class(class名称){}
标签: div/p/img{}
包含; div p span{}
群组: div,p,span{}(两个选择之间用逗号隔开)
二、web遮罩问题
margin-top遮罩问题:
1.给子集加margin-top值,父级会依据margin-top的属性值移动,父级里面的所有子集会跟随父级一起移动
解决方案:
(1)加border(边框)也可只加上边框(让边框透明或者融入背景色)
(2)可加float(浮动)
2.两个上下排列的盒子,给上面的盒子加margin-bottom属性值200px,给下面的盒子加margin-top属性值100px,浏览结果会最终显示两个盒子之间的间距增加200px。
也就是说属性值没有叠加,浏览器会读取两者之中较大的值进行处理。
三、input标签
text,password,color,button,submit,checkbox,placeholder,resent
input标签一般位于from标签中如:
<form action="#" method="get/post">
<input type="text" name="" value="">
</form>
method:提交方式(get比较常用) name:数据名称 (如果没有名称无法提交)