Html(6)CSS样式写的位置

CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。


内联式:

<p style=“color:red">这里文字是红色。</p>

直接在项目后面写style=“”里面的样式要用;隔开

<p style="color:red;font-size:12px">这里文字是红色。</p>

嵌入式:

<style type="text/css">

span{

   color:red;

}

</style>

可以理解为将样式单独提取出来,统一命名、定义。


外部式:

把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内。

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

rel="stylesheet" type=“text/css”是固定写法,不能改变。

总结来说,就是—就近原则(离被设置元素越近优先级别越高) ,一般来说是 内联式 > 嵌入式 > 外部式。


http://www.imooc.com  一直在慕课网学习,感觉不错。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

limaning

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值