19-css块与内嵌元素

CSS中元素的分类
  我们在页面布局的时候,会将HTML标签(元素)分成两种,块状元素和内嵌元素(我们平时用到的
  标签div和p就是块状元素,链接标签a就是内嵌元素),可以通过CSS修改元素的类型
  1、块状元素:{display:block}
    一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)和高度(height)起作用。常见块状元素为div、p、body、h1~h6等
  
  块状元素很霸道:能设置宽和高!!独占一行!
  2、内联元素:{display:inline}
    内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行。常见的内联元素有:a、em、span等
    内联元素很温柔:不能设置宽和高!不影响换行(就像橡皮筋包住字)
  思考如何使内联元素的宽高起作用??
    在内联元素设置属性时设置一个 display:block; 之后,宽和高就可以起作用了!!!

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545471.html
今日推荐