HTML、CSS学习笔记——day02

3 篇文章 0 订阅


一、文本样式

1.基本语法

  • font-size:设置字体大小(常用单位为:px像素,一定要跟随px单位)
  • font-family:设置字体系列(常用的是"'微软雅黑")
  • font-style:字体样式(一共有两个参数:normal| italic(斜体) 默认参数为normal)
  • font-weight:字体粗细(700加粗、400不加),默认参数为normal(不加粗)
  • text-color:文本颜色
  • text-align:文本对齐方式(参数有三个:left(向左对齐)默认值、right(向右对齐)、center(居中对齐))
  • text-indent:文本缩进(常用2em)
  • text-decoration:文本修饰(underline(下划线)、overline(上划线)、line-through(删除线))
  • line-height:行间距(由上间距、下间距、文本高度三个部分构成)

2.总结

总结

二、CSS三大特性(重叠性、优先级、继承性)

1.重叠性

案例如下:

<style>
			/* 第一个div样式不起作用 */
			div{
				color: skyblue;
				font-size: 50px;
			}
			div{
				color: pink;
				font-size: 50px;
			}
		</style>
	
	<body>
		<div>我爱学习,学习爱我</div>
	</body>

效果图:
在这里插入图片描述

2.重叠性总结

在这里插入图片描述

3.优先级

①.优先级排序

优先级排序:内联 > ID选择器 > 类选择器 > 元素选择器(标签选择器)

②.优先级图解

在这里插入图片描述

三、前端存储数据的几种方式有什么?

1.据我所知道的有:cookies、sessionstorage、localstorage。

2.三者之间的区别

  • cookies:在HTML中常用存储方法,兼容性好,不过缺点是大小只有4k
  • sessionstorage:其实sessionstorage和localstorage有一定的相似之处,最大的区别在于当sessionstorage页面关闭后,则会清除数据,是属于会话级别的存储方法
  • localstorage:sessionstorage则可以长期保存,如果不是手动删除数据的话,就会一直保存数据,且采用的方式是一键值对的方法(key:value)。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

kk楷楷

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

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

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

打赏作者

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

抵扣说明:

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

余额充值