HTML引入CSS和JavaScript的方式

HTML结合CSS

引入CSS之内联式

css代码直接写在要设置样式的HTML开始标签中,如果有多条css样式代码中间用英文分号隔开。如下代码:

<p style= "color:red; font-size:12px">设置文本颜色和大小</p>

引入CSS之嵌入式

内联式css代码虽然简单,但是一旦需要设置的样式复杂起来,HTML代码看起来就会显得很混乱。
使用嵌入式CSS样式就可以解决这个问题。把css代码写在<style></style>标签之间。如下代码:

<style>
	span{
		color:green;
	}
</style>

上面代码设置span标签内元素颜色为绿色,嵌入式css样式写在<head></head>标签之间

引入CSS之外部式

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

<link href="demo.css" rel="stylesheet" type&#
  • 5
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值