zoukankan      html  css  js  c++  java
  • css样式的三种引入方式

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset='utf-8' />  
            <style>
            /*2.内嵌样式.写在head标签中的style标签中间*/
            </style>
            <link type='text/css' rel='stylesheet' href='./xxoo.css' />
            <!--3.外链样式.CSS代码写在另外一个文件中,用过link引入过来-->
        </head>
        <body>
            <b style='font-size:14px;color:blue'>css页面引入方法:</b>  
    		<!-- 1.行内样式,内联样式,作为style属性值-->
    		
    		<h1>CSS代码出现在三个地方</h1>
    		<!--
    			css页面引入方法:
    
    			1、外联式:通过link标签,链接到外部样式表到页面中。
    			<link rel="stylesheet" type="text/css" href="css/main.css">
    			
    			2、嵌入式:通过style标签,在网页上创建嵌入的样式表。
    			<style type="text/css">
    				div{ 100px; height:100px; color:red }
    			</style>
    			
    			3、内联式:通过标签的style属性,在标签上直接写样式。
    			<div style="100px; height:100px; color:red ">
    			</div>
    		-->
        </body>
    </html>
    

      

  • 相关阅读:
    初涉数组
    声明
    简述java程序中的main方法
    概述java语言
    1.3 linux基础(三)
    linux基础之-screen命令
    1.2 linux基础(二)
    1.1 Linux基础(一)
    实验7-1-13 装箱问题
    实验7-1-12 组个最小数
  • 原文地址:https://www.cnblogs.com/xiaofei-bai/p/8053672.html
Copyright © 2011-2022 走看看