zoukankan      html  css  js  c++  java
  • 4种CSS样式方式

    今天在w3cfuns上看资料学习,关于CSS样式控制页面的方式

    CSS样式控制有4中方式:行内样式、内嵌样式、链接样式、导入样式

    行内样式:

    <div id="a" style="100px;height:100px;background:#555555;"/>
    

    内嵌样式:

    <head>
        <style type="text/css">
            #a{
                background:#ff5555;
            }
        </style>
    </head>
    

    链接样式:

    <head>
        <link rel=”stylesheet” type=”text/css” src=”style.css”></link>
    </head>
    

    导入样式:

    <head>
        <style type=”text/css”>
            @import url(“style.css”);
        </style>
    </head>
    

    样式优先级:

    一般情况下:行内样式 > 内嵌样式 > 链接样式 > 导入样式

    链接样式代码在内嵌样式代码之前时,样式使用内嵌样式

    链接样式代码在内嵌样式之后时,样式使用链接样式

    导入样式代码在链接样式之前时,样式使用链接样式

    导入样式代码在链接样式之后时,样式使用导入样式

    导入样式不管在内嵌样式前还是后,都使用内嵌样式

  • 相关阅读:
    OO第四次总结
    OO第三次总结
    C语言函数指针
    Java对象集合
    emacs下最牛逼的Markdown编辑方式
    OO第二次总结
    Git复习
    Java设计原则
    多线程学习笔记1
    OO第一次总结
  • 原文地址:https://www.cnblogs.com/jisi2012/p/4956617.html
Copyright © 2011-2022 走看看