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元素低