HTML与CSS学习笔记(第三天)

本文介绍如何在HTML中使用<style>元素添加CSS样式,包括设置背景色、边距、边框等基本属性,以及如何理解CSS语法和颜色指定方式。

如果网站页面需要增加样式,则需要用到<style>元素;<style>元素放在HTML的首部中;<style>标记还有一个可选的属性(type),它可以告诉浏览器你在使用什么类型的样式,如果要使用CSS则可以指定“text/css”类型。
CSS(Cascading Style Sheets):层叠样式表
现在对index.html进行修改,将CSS增加到该文件中,保存文件;
在这里插入图片描述
然后,双击文件查看效果;
在这里插入图片描述
可以看到页面的背景变为土黄色,页面左右两侧各出现了边距(外边距),内容周围出现了黑色的虚线边框,内容与边框之间出现了内边距(四边都有),字体也发生了改变。(IE可能无法正确地显示页面主体周围的边框)
Tips:
1、属性能提供元素的一些额外信息。
2、CSS使用的语法与HTML完全不同。
3、CSS指定颜色有很多不同的方式,最常用的一种方式称为“十六进制码”。
4、CSS中的“body”表示“{”和“}”之间的所有CSS要应用于HTML<body>元素中的内容。
5、<style>元素总要放在<head>元素里。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值