CSS的创建

本文介绍了CSS样式表的三种插入方式:外部样式表、内部样式表和内联样式。外部样式适用于多页面样式统一,内部样式针对单个页面特使样式,内联样式则是样式与内容混合,不利于维护。多重样式时,优先级为:内联样式 > 内部样式 > 外部样式 > 浏览器默认样式。
摘要由CSDN通过智能技术生成

当读到一个样式表时,浏览器会根据样式表来美化HTML页面

本文就对插入样式表的三种方法做介绍:

首先,先说一下三种方法为:外部样式表、内部样式表、内联样式

1、外部样式表

应用场景:当样式需要应用于很多页面的时候,就需要用到外部样式表。在外部样式情况下,你可以通过改变一个文件而改变整个网站的样式。

写法:每个页面使用<link>标签连接到样式表,

例如:

 

<head>
    <link ref="stylesheet" type="text/css" href="style.css">
</head>

浏览器会从style.css中读取样式声明,并根据这个文件来美化HTML

外部样式表文件不能包含任何HTML标签,样式以.css作为扩展名进行保存

例如:

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}

注意:不要在属性值与单位之间留有空格


                
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值