今天学了下前端发现了一个问题就是css样式文件样式写在head里面,body里面和body前后的区别!
写在body里面
不管你写些什么样式style{ 属性1,属性2}还是link引入外部的css只要在body
里面就按照其顺序执行。但是当给当前文本设置内联样式后此优先级最高直接无视其他的样式。`
不同部分填充,相同部分以内联样式为标准。
写在head里面
写在head里面依然有个前提,就是如果存在内联样式,
则以内联样式为标准,如果不存在则按照顺序执行head中的样式
如果head中存在style{属性1,属性2}和link引入的css文件则后者覆盖前者相同部分,不同部分进行叠加。
写在body外面
依然内联样式优先级最高如果存在则以此标准不同部分填充,相同部分以内联样式为标准。
按照顺序执行,后者覆盖前者样式。
总结
大致流程基本如下存在内联样式以内联为标准不存在则先加载html中的head部分然后依次执行body
由上往下执行(如果写一个样式在<body>
和</head>
之间在写一个link引入的css样式在</body>
和</html>
后者会覆盖前者)。