zoukankan      html  css  js  c++  java
  • 2CSS层叠规则(即引入CSS的三种不同方式的优先级)

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    		<title></title>
    		<!--外部样式表-->
    		<link rel="stylesheet" href="../css/helloWorld.css" />
    		<!--内部样式表-->
    		<style type="text/css">
    			body{
    				background-color:yellow;
    			}
    			
    			/* 修饰同一选择符的样式时,后修饰的覆盖前修饰的样式
    			 * body{
    				background-color:deeppink;
    			}*/
    		</style>
    		<link rel="stylesheet" href="../css/helloWorld2.css" />
    		<!--内部样式表和外部样式表是平级关系,在html中,谁后定义样式,则会覆盖前面的样式                        平级关系  -->
    		
    	</head>
    	<body>
    	<!--  <body style="background-color: green;">   内部样式表   优先级最高 -->	
    	<!--  浏览器缺省样式:就是浏览器默认的样式,不同浏览器默认样式不同  优先级最低   -->	
    	<body>
    		
    		
    	</body>
    </html>
    

      

    ---------------------------------------------------------------------------------------------------------------引入CSS

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------层叠规则

     

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

     

    ---------------------------------------------------------------------------------------------------------------

     

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

    ---------------------------------------------------------------------------------------------------------------

  • 相关阅读:
    mybatis概述
    Spring的配置分别是xml和java style
    JavaScript对象数据过滤、修改
    Spring框架
    设计模式-工厂方法模式(Fatory Patterm)
    简单的数据结构
    java链式操作
    centos7 php开发环境安装-composer
    centos7 php开发环境安装-php
    centos7 php开发环境安装-Apache
  • 原文地址:https://www.cnblogs.com/1020182600HENG/p/6834588.html
Copyright © 2011-2022 走看看