前端书写样式的几种方式(详解)
作为一个前端人员,我们都知道样式对于页面的重要性,所以掌握样式的各种写法是至关重要的,话不多说进入正题吧!!
css样式的使用主要分为3种:
-
行内样式
-
头部样式
-
外部样式
- 行内样式要尽量少用,不然会造成后期维护困难;头部样式要视情况而定,通常在只此一个页面特有的情况下用;我们要习惯使用外部样式;当然外部样式也可以通过@import来引入,但是我们不推荐。
- 在使用外部样式的时候,我们要配合类型或者ID名来进行选择哪个标签要进行什么样的样式设置;我们也可以在命名类名的时候就带上style,从而在css的js文件里有条理有结构的进行样式设置
这个是react里的写法,正常的html5和css3样式还是跟以前一样,通过class="style.className"的方式进行类名设置。
css文件中以style后的className为类名进行样式嵌套书写,父子关系的标签嵌套书写,兄弟关系的标签并列书写。