块元素和行内元素--概念:
行内元素,又叫内联元素
内联元素只能容纳文本或者其他内联元素,常见内联元素
块元素一般都从新行开,可以容纳文本,其他内联元素和其他块元素,即使内容不能占满一行,块元素也要把整行占满。常见块元素div、p
从案例看出:
行内元素它只占据能显示它内容的宽度;而且它不会占据整行。
块元素它不管自己的内容有多少,会占据整行,而且会换行显示。
常见的行内元素,如:span、a、input
常见的块元素,如:p
块元素和行内元素的区别:
①行内元素只占内容的宽度,块元素内容不管内容多少要占全行。
②行内元素只能容纳文本和其他行内元素,块元素可以容纳文本,行内元素和块元素。(与浏览器版本和类型有关)
③一些css属性对行内元素不生效,比如margin,left,right,width,height。建议尽可能使用块元素定位。(与浏览器类版本和类型有关)
块元素和行内元素-相互转换
display:inline->转为行内元素(比如div)
display:block->转为块元素(比如a)
css不区分大小写
如果想要在a.css中引用b.css,c.css,可以使用@import url("被引入的css文件")