其他分享
首页 > 其他分享> > 19-css块与内嵌元素

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; 之后,宽和高就可以起作用了!!!

标签:内嵌,19,标签,元素,块状,内联,display,css
来源: https://www.cnblogs.com/xiang-liang/p/12545471.html