CSS基本使用

Css样式的书写格式

■css提供了各种各样、丰富多彩的css样式,书写格式如下所示

  Color:red

■冒号:左边是样式名,冒号:右边是样式值

如何将css样式应用到元素上

■css提供了3种方法,可以将css样式应用到元素上

□内联样式(inline style)

□文档样式表(document style sheet). 内嵌样式表(embed style sheet)

□外部样式表(external style sheet)

内联样式(inline style)

■将样式直接写在元素的style属性上

■css样式之间用分号;隔开,建议每条cs样式后面都加上分号;

■在很多国内外资料中, “css样式”与 “css属性” 是同义词

□样式名->属性名

□样式值->属性值

■有些人也把inline翻译为”行内”, 其实在这里,用 “内联”更合适,表示 “内部自带”的意思

文档样式表(document style sheet)

■将样式写在head元素的style元素中

■<style>元素的type属性值默认是text/css

外部样式表

■<link rel=”stylesheet”>元素的type属性值默认是text/css

外部元素表

■在css文件中使用@charset指定文件编码,一般都是utf-8

@import

■可以在style元素或者css文件中使用@import导入其他的css文件

■不建议使用@import导入css文件,它的效率比link元素低

上一篇:Spring Cloud中Hystrix、Ribbon及Feign的熔断关系是什么?


下一篇:vue style scoped 的作用(学习扩展)