码迷,mamicode.com
首页 > 编程语言 > 详细

兄弟连学Python----css样式的三种引入方式

时间:2017-12-17 23:50:22      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:样式   pre   lin   一个   页面   标签   嵌入   set   styles   

<!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{ width:100px; height:100px; color:red }
			</style>
			
			3、内联式:通过标签的style属性,在标签上直接写样式。
			<div style="width:100px; height:100px; color:red ">
			</div>
		-->
    </body>
</html>

  

兄弟连学Python----css样式的三种引入方式

标签:样式   pre   lin   一个   页面   标签   嵌入   set   styles   

原文地址:http://www.cnblogs.com/xiaofei-bai/p/8053672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!