前端细节总结

• p 标签的内容回合其相邻的上下两行的内容都有一个空行

• h1~h6 标题标签也会与相邻的上下两行之间有一个空行

• hr也有空行

• p 标签内不能嵌套块标签。

• 其他块标签的内容之间不会有空行 ， 且单标签（如br ， hr）不能嵌套任何标签

• id名和类名都不能以数字开头

• 前端的属性:属性值 冒号之前不能有空格。

• 文本的上划线或者下划线或者删除线同时只能有一个。

• p标签margin 默认上下16 ， div 都是默认0

• 前端布局:
  流式布局
  响应式布局
  盒模型布局
  浮动布局
  定位布局

• 取消文本选中 ：user-select: none

• 鼠标变成小手 ：cursor：pointer

• 隐藏标签——》hidden 和 display:none的区别：
  display:none视为不存在且不加载，即，不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失。
  visibility:hidden隐藏，但在浏览时保留位置，即，使对象在网页上不可见，但该对象在网页上所占的空间没有改变。
  使用display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
  而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。也即是说它仍具有高度、宽度等属性值。

• in-line 就是行内标签，只会包含内部标签的文本，当其内部包含图片或其他标签时，要把行内标签编程块级标签

• html标签的lang属性：表示当前页面显示的文本是什么语言

• input标签显示背景文字的属性： placeholder="内容"

__EOF__

本文作者：BigSun丶
本文链接：https://www.cnblogs.com/Mcoming/p/11876863.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！