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

    CSS层样式表有哪几种类型

    青灯夜游青灯夜游2021-02-23 16:11:49原创2220

    CSS层样式表有3种类型:1、行内样式表,利用style属性将样式写在HTML标签中;2、内部样式表,将样式代码写在“<style>”标签对中;3、外部样式表,将样式代码写在单独的“.css”文件中,使用“<link>”标签引用

    本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

    CSS即层叠样式表(Cascading Style Sheets),是一种用来表现HTML或XML等文件样式的计算机语言。 CSS样式主要包含以下三种类型:

    1、行内样式表(内联式样式)

    利用style属性将样式写在HTML标签中。

    <标签 style="属性:属性值;属性:属性值;"></标签>

    如下面代码:

    <p style="color:red;font-size:12px">这里文字是红色。</p>

    2、内部样式表:

    将样式代码写在页面<style>...</style>标签之中

    例:

    <style type="text/css">
    body {
    background-color: #F5F5F5;
    color: #555;
    font-size: 1.1em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    </style>

    <style>...</style>标签结构可以位于页面<HTML>标签中的任何位置,也可以多次出现。通常是将整个<style>...</style>结构写在页面的<head>...</head>部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性,一个页面内部便于复用和维护,但多个页面之间的CSS代码复用仍然不够。

    【推荐教程:CSS视频教程

    3、外部样式表(.css文件):

    css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:

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

    注意:

    1、css样式文件名称以有意义的英文字母命名,如 main.css。

    2、rel="stylesheet" type="text/css" 是固定写法不可修改。

    3、<link>标签位置一般写在<head>标签之内。

    更多编程相关知识,请访问:编程视频!!

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS层样式表
    上一篇:css盒子中的图如何居中 下一篇:css中主要有哪三种选择符
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• css怎么设置宽为100vw• css行级元素和块级元素之间怎么转换• css的选择器不包括什么• css怎么让div文字竖着• css怎么去除table的间隙
    1/1

    PHP中文网