前端细节总结

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

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

  • hr也有空行

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

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

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

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

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

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

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

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

  • 鼠标变成小手 :cursor:pointer

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

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

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

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

原文地址:https://www.cnblogs.com/Mcoming/p/11876863.html