前端练习Day 3

最新推荐文章于 2024-05-16 18:59:48 发布

silenmm

最新推荐文章于 2024-05-16 18:59:48 发布

阅读量239

点赞数

分类专栏： web app

本文链接：https://blog.csdn.net/silenmm/article/details/80228947

版权

本文介绍了前端开发中的一些基础知识，包括CSS选择器的使用，如id、类和标签选择器；Web Storage的sessionStorage和localStorage的区别及用法；地理位置定位方法；以及CSS布局相关的viewport属性。还提到了一些常见HTML属性和元素的用法，如border、hover样式、块元素和内联元素的概念。

摘要由CSDN通过智能技术生成

1、选择器，id选择器 #id ，类选择器 .class，标签选择器 item，span.item表示选中class名为item的span，span .item表示选中span下面的class名为item的元素，span, .item表示同时选中span和class名为item的标签

2、css选择器优先级为id>class>标签

3、html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
它们的用法是（key,value）或只有key
设置一般用set开头，获取采用get形式

4、getCurrentPosition()获取用户当前定位位置
watchPosition()注册监听器，在设备地理位置发生改变时自动被调用
getLocation()地图定位

5、html中没有text-color这个属性

6、<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
viewport几大属性：
width：控制viewport大小。可以给它