内联CSS简单点说，就是你在HTML标签里直接加样式比如把字体颜色改成红色，就在那段话的标签里添个style属性，然后写上color:red;搞定。这种方式方便快捷，哪儿需要改立马就能改好。可惜如果要改的地方多了，会有点累人，只能逐个修改，无法一次完成。
这样搞，会让你的HTML代码看着乱七八糟，因为样式和内容搅合到了一块儿。伺候这代码的人肯定头疼得很。相比之下，内联CSS虽然好使，但是用多了就不太好了，只能用于一些小地方的急需调整。
内部CSS：在HTML页面的<head>标签内添加样式
CSS内置，简单的说，就是把你的CSS代码放到HTML文档里，用来整理你的样式，让它们和网页上的其他东西区分开来。举个栗子，你可以在标签中再嵌套一层标签，把所有的样式都塞进这层标签里。这样做有个好处，就是你的样式和你的内容可以清晰明了地分离开来，代码也就看起来更加清爽！
不过，要是你的网站有一堆页，每页都要一模一样的样式，那就只好在各个页里统统加进去。这么整虽然比直接用内联CSS强多了，但还是有点儿重复劳动。所以，内联CSS主要适合样式少，又或者只是放在这一页上使的那类场景。
外部CSS：创建一个独立的CSS文件
外置CSS，就是把你所有的CSS代码放到一个单独的文件里，然后用<link>标签连接它和你的HTML文件。这么做的好地方有，你的样式文件能被多份HTML文件共用，省去了重复劳动，还容易维护和升级。比如说，你只需在那个CSS文件里换个颜色，所有引用该文件的HTML页面都会自动变新。
同时，这么做还能让网页加载更快，因为浏览器会把你的CSS文件当做临时缓存，下次访问不需要再从头下载了。所以，外置CSS是最好的选择，尤其对那些巨型站或设计花里胡哨的项目。全文
选择器组合器：共同应用设置的标签选择器级别
选择器组合器虽然名字有点儿高深，但它其实是让我们写CSS变得更简单方便。你懂，有时候咱们会遇到很多长得很像的标签，那咱们就可以把这些标签组合在一起写，不用每一个标签都去定义一次style。这不仅节省时间，还能提高工作效率！
组合器有好几种，像空格分割（后代合并），大于号分割（子合并），还有加号分割（邻近兄弟合并）和波浪线分割（通用兄弟合并）。这几种各有各的用途，得挑适合自己需求的那款来用。这么搞下来，不仅样式表变得简洁，还方便后期维护！
内联CSS的优缺点
内联CSS好就好在你想哪儿改，那儿立马就能改。特别适合解决一下儿鸡毛蒜皮的小问题。但问题也非常明显，让你的HTML代码看起来挺乱，因为样式跟内容搅合到一块儿去了。再说了，要是有不少代码需要修改？那可真心够折腾的，你得逐个来改，没法一锅端。
内部CSS的优缺点
内嵌CSS的好处就是把样式跟内容分开放，代码看着就干净整齐得多了。
外部CSS的优缺点
HTML里加外部CSS有好处，就是能跟好多Web页面共用同一份样式表，不用重复写，还容易搞定更新。不过如果你的网站小，又没啥特别花哨的样式，那就没必要搞这个外面的CSS了，免得麻烦些。
选择器组合器的使用场景
当遇到几个标签样式很相像时，就得用到选择器组合器了。比如说，您开开心心地敲下了几段文字，发现它们的字体颜色全都一模一样，这时候你就可以善加利用组合器，把它们统统放进去！
选择器组合器的类型
你知道吗？选择器组合器的种类超多，比如可以是后代组合器（用空格分开）、子组合器（用大于号连接）、相邻兄弟组合器（用加号连起来）或者通用兄弟组合器（用波浪线连接）。
div 跨度{
规则：CSS；
}
内联CSS的实际应用
说白了，内联CSS就是用来搞定那些小细节的。做网页时，有时候不小心按钮颜色弄错了，马上加上“style=color:red”这种属性，立马就能把颜色给调回来。这样虽然方便，但要是好多地方都得改，那就得费点劲儿了呗~
内部CSS的实际应用
实际上，内部CSS对于样式要求没那么多，而且仅需在当前页面用，咋办？比如说你要弄个很简单的网页，然后只有几页，每页的样式又各有特色，那咋整？你就在每个页面对应的地方加个标签，再把所有样式丢到这里面去呗！
外部CSS的实际应用
在日常操作中，用外部CSS最省事儿！尤其是处理那种大网站或换行麻烦的项目时特别管用。举个例子，假设你要建一个超大规模的网购站，那么每个网页上的设置都差不多，这时候直接把所有样式全丢进一个CSS文件里头去，再通过标签把它跟HTML文件连起来就完美解决问题了。这样一来，不仅仅是重复的代码大大简化，还轻松达成了管理和更新的效果！
ul > li{
规则：CSS；
}
选择器组合器的实际应用
在实际使用时，选择器组合器就是帮我们搞定那些长得像双胞胎的标签。这样不仅能让你的CSS代码变得简洁，还超级好维护！
内联CSS的未来趋势
尽管内联CSS常被用于小项目或原型设计，但随着CSS技术的更新，这种用得可能越来越少了，原因在于现在有了外部CSS和CSS预处理器这些高大上的控件可以选择。所以，内联CSS还是挺适合那些小打小闹的项目或是快速出货的原型
内部CSS的未来趋势
尽管在某些时候用内部CSS还算便利，但随着CSS越来越进步，以后它可能用得越来越少了。因此，内部CSS或许更适用于小型项目或快速原型。
ul + li {
规则：CSS；
}
//在这种情况下，如果列表中有多个li元素，则只有第一个会收到规则
外部CSS的未来趋势
大家都说外置CSS好使，特别是处理大型网站或风格特多的工程。而且，随着CSS技术也在进步，往后可能用处更大了。像现在有一些好用的分类法像CSS预处理器和CSS模块化之类，所以说，对外置CSS来说，大型项目和复杂项目也许更合适！
选择器组合器的未来趋势
大家都觉得选择器组合器好使，尤其适合标签种类少且样式相似的情况。反而在大项目或复杂项目中，这个工具就更实用！
总结
说到底，内联,内部还有外部这三种CSS都有点儿好，又有点儿不好，你得看实际情况来选。别忘了，选择器组合器可是个神器，它让你的CSS代码更简单，也更好打理。看看这篇文章，也许对你的工作有点儿启发。
问题
p ~ 跨度{
规则：CSS；
}
亲们，你们最爱哪个CSS风格？原因是什么？快来分享一下。记得给我点个赞和转发喔！
评论0