css有三种类样式,分别是:1、行内样式,结构的内部,即写在标签内的样式;2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中;3、内联样式写在HTML页面内部,存放于head标记当中。
本教程操作环境:windows7系统、css3版,DELL G3电脑。
CSS样式主要包含以下三种类型:
1、行内样式:结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
例:
立即学习“前端免费学习笔记(深入)”;
标记>
登录后复制
2、内联样式(内嵌样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。
例:
立即学习“前端免费学习笔记(深入)”;
选择器 {属性名:属性值;属性名:属性值;......}
登录后复制
3、外部样式(外联样式):
外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:
登录后复制
上述语法中, 标记需要放在
头部标记中,并且必须指定标记的个属性,具体介绍如下。
href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。
rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。
外联式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。
相关教程推荐:CSS视频教程
以上就是css有哪几类样式的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2878633.html