标签：基本 style sheet 样式 元素 CSS 使用 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元素低

标签：基本,style,sheet,样式,元素,CSS,使用,css,样式表
来源： https://blog.csdn.net/Lonelydesertea/article/details/121715427

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。