css样式的优缺点 css预处理的优缺点

CSS的优点和缺点分别是什么

1、代码更干净，优美；功能更多更强，CSS做出JS的特效（其实就是JS）；总而言之，LESS/SASS就是CSS里面的jQuery，简化，减少开发时间，提升开发者开发体验。

成都创新互联主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务瑞金,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

2、语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。

3、使页面载入得更快 由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。

CSS引入样式有哪几种方法

1、CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。

2、行内样式 行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。By adding inline CSS styling to the 嵌入样式 嵌入样式的应用范围仅限于当前页面。

3、css主要有三种引用方法：1，内部引用，在html文档中在标签里面写的css样式 bdoy{font-size：14px；} 2，外部引用，用标签引用外部的css文件，将样式引用到html文档来。

4、外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式 四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中 。

css中几种实现居中样式技术优缺点代码详解

1、优点：支持跨浏览器，包括IE8-IE无需其他特殊标记，CSS代码量少支持百分比%属性值和min-/max-属性只用这一个类可实现任何内容块居中不论是否设置padding都可居中(在不使用box-sizing属性的前提下)内容块可以被重绘。

2、margin这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。

3、CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。

4、CSS3 的FlexBox更是强大到没朋友。但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。

5、水平居中 1 内联元素水平居中 利用 text-align： center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline)， 内联块(inline-block)， 内联表(inline-table)， inline-flex元素水平居中都有效。

6、如下代码：html：css：使用grid(网格)与flexbox非常相似，也是一种常见的技术，尤其是布局中已经使用网格的情况下。与前一种flexbox技术的唯一区别是它显示为栅格。