简述应用css样式的方法,应用CSS样式表的三种方法

要求实现效果:

字体大小:30px

字体颜色:red

首行缩进:2em

1d5758fdfc5342c2489dda115e8e8c1d.png

一.给标签指定style属性,即行内式

格式:style="属性1: 属性值1; 属性2: 属性值2"

源码:css

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

二.使用内嵌样式标记

格式:

选择器{属性1: 属性值1; 属性2: 属性值2}

源码:html

Document

p{

font-size: 30px;

color: red;

text-indent: 2em;

}

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

三.使用link标签引入以.css为扩展名的外部样式表,即链入式

格式:web

svg

源码: a.css

p{

font-size: 30px;

color: red;

text-indent: 2em;

}

b.html字体

Document

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

href中的css文件路径:

本例中的css文件和html文件在同一路径下,因此才是a.css。code

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值