css样式中的一些容易混的地方（大神不必点进来！因为对你们来说so easy!）

span标签和p标签的区别

span标签：行内元素，通俗来讲指一行内容

p标签：块级元素，通俗来讲指一段内容

例如：

1.<span>这是一行</span><span>且不会换行</span>

2.<p>这是一段<span>文字(文字这两个字体是红色)asdasdasdaskldhsalhdlasdhsakljdlaskdjsldjksadjlas</span></p>

———————————————————————————————————————————————

css样式优先级方法

方法一

在css样式后写上！important
例如： margin-top：5px ！important；

方法二

在css样式前写上/deep/
例如： /deep/ . 类名{}

方法三

在vue项目中style样式块会有<style scoped lang="scss">写法，导致有些css样式无法修改，更改样式的一个小方法就是去掉style中的scoped，即下面代码：
<style lang="scss"> .类名 { padding: 5px 10px; } </style>

这样就会解决css样式无法修改的问题啦！

对我来说是个加固基础的知识，我相信大家懂得更多，所以这篇是给同为程序小白的人看的
希望能给大家带来帮助！