• 技术文章 >web前端 >css教程

    css有哪几类样式

    coldplay.xixicoldplay.xixi2021-03-21 17:51:54原创7892

    css有三种类样式,分别是:1、行内样式,结构的内部,即写在标签内的样式;2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中;3、内联样式写在HTML页面内部,存放于head标记当中。

    本教程操作环境:windows7系统、css3版,DELL G3电脑。

    CSS样式主要包含以下三种类型:

    1、行内样式:结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

    例:

    <标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

    2、内联样式(内嵌样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

    例:

    <style>选择器 {属性名:属性值;属性名:属性值;......}</style>

    3、外部样式(外联样式):

    外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link/>标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:

    <link type="text/css" rel="stylesheet" href="css/main.css" />

    上述语法中,<link> 标记需要放在<head>头部标记中,并且必须指定<link/>标记的个属性,具体介绍如下。

    外联式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。

    相关教程推荐:CSS视频教程

    以上就是css有哪几类样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 样式
    上一篇:在css中怎样添加脚注 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • css层叠样式表的含义是什么• css怎么将鼠标变小手样式• css字体样式属性有哪些• css的字体样式如何设置
    1/1

    PHP中文网