CSS Inline style, Internal style 和 External Style

本文介绍了CSS的三种定义方法:内联样式(inline style)、内部样式表(intrenal style)及外部样式表(external style)。内联样式直接在HTML元素中定义;内部样式表在<head>部分使用<style>标签定义;而外部样式表则将样式保存在单独的.css文件中并通过<link>标签引入。推荐使用外部样式表,因为它便于管理和提高网页加载速度。

原文地址:http://ankyhe.iteye.com/blog/350565


这是CSS最基本的三种定义方法。

 

Inline Style 如下:

 

<h1 style="color: red">

 

Intrenal Style,就是在<head>的<title>后面跟着一个<style>,然后把css放在里面。

 

 

<title>Selector Basics</title> 

<style type="text/css">

p {

color: #5f9794;

font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;

font-size: 1em;

margin-left: 50px;

}                        

</style>

 

 

External Style,就是把所有的css定义在另一个文件里,然后通过链接的方法使用它。

 

<title>Selector Basics</title> 

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

</head>

 

一般建议使用最后一种,因为这样不仅集中管理,而且可以增加网页的下载速度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值