CSS学习目录
一、文本样式
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中常用存储方法,兼容性好,不过缺点是大小只有4ksessionstorage
:其实sessionstorage和localstorage有一定的相似之处,最大的区别在于当sessionstorage页面关闭后,则会清除数据,是属于会话级别的存储方法localstorage
:sessionstorage则可以长期保存,如果不是手动删除数据的话,就会一直保存数据,且采用的方式是一键值对的方法(key:value)。