学习HTML&CSS的问题整理

• 清除浮动的方法有哪些？
  （页面布局中为了使两个块级元素在一行内显示时使用）
  解决方法：清除浮动可以通过两大方面进行
  父元素：
  1）浮动元素的父元素设置高度
  2）浮动的父级元素设置overflow:hidden;
  3）浮动元素的父元素使用::after{clear:both;content:’’;display:block}
  兄弟元素：
  在使用浮动的最后一个兄弟元素后面，添加一个标签，该标签使用clear:both;

• 如何给行内元素设置宽高？
  解决方法：将行内元素设置为块级元素，就可以设置宽高
  1）使用display
  display:block/inline-block
  2）使用position
  position:absolute/fixed
  3）使用float
  float:left/right

• html的核心属性有哪些？特有属性有哪些？
  核心属性：id、class、style、title
  特有属性：a标签的href、target；img标签的src、alt

• 父子级的div
  父级样式：
  width:300px;
  height:300px;
  background-color:pink;
  子级样式：
  width:100px;
  height:100px;
  background-color:teal;
  若给子元素div添加margin-top会出现什么现象，怎么解决这个现象?
  答：父子级元素都会有上边距
  解决方法：
  父元素：给父元素设置border/padding
  父元素设置padding-top，同时需要设置高度（或者将盒模型改为border-box）
  子元素：子元素脱离文档流(float:left / position:absolute)
  原因：
  在CSS2.1中对盒模型有如下规定：在垂直方向上，所有毗邻的两个或多个盒元素的margin将会合并。毗邻的意思是：同级或嵌套的盒元素，并且它们之间没有非空内容、padding或border。
  合并后的margin的大小取两个发生合并的元素中margin较大的那一个。

• 块级元素的显示与隐藏，写出两种方法，并说明区别
  答：display:none/block 元素隐藏之后，不占用原来的位置
  visibility:hidden/visible 元素隐藏之后，占用原来的位置