前言

学习地址：https://www.bilibili.com/video/BV1ZE411c7yM?p=30

一、前端单位

Px：像素单位
Em：相对单位，相对于父元素的字体大小(不推荐使用)
Rem：相对单位，相对于根root元素的字体大小(配合js Rem布局使用)
例：html默认字体大小为16px 则font-size=2ren;为32px的字体大小

Vw： v->viewport视窗的宽度，百分比高度，百分百的视窗宽度100vw Vh： v->viewport视窗的高度，百分比高度，百分百的视窗高度100vh

设定最大的宽度
设定最小的宽度
设定最大的高度
设定最小的高度
max-width：；
min-width：；
min-height：；
max-height：；

二、网络地址

文件地址：
相对地址：相对于当前路径的地址，会因为当前文件的位置的改变使得相对路径的具体路径改变。浏览器会根据当前的位置进行拼接具体路径。
直接是文件名称：Index.html，等同于./index.html，相对路径。浏览器会根据当前的位置直接进行拼接具体路径。
返回上一层：…/…/index.htm，相对路径，浏览器会返回上一层路径在进行拼接

绝对地址：不会因为当前文件的位置的改变，而使得路径位置改变。
正常的绝对路径：协议+域名+文件路径+文件名称 http//www.mi.com/abc/index.html
省略协议
//www.mi.com/index.html
省略协议和域名和端口号
/index.html

《前端单位和网络地址》随手学习笔记相关推荐

《Web前端开发最佳实践》学习笔记
一.Web前端开发概述 Web前端:前端UI+后端数据交互具体技能:页面标记 + 页面样式 + 前端编程 + 跨平台.跨浏览器 + 前端框架 + 调试工具二.高效Web前端开发文件结构: js: ...
唤醒手腕 - 前端服务器端开发 Node.Js 学习笔记（学习中，更新中）
唤醒手腕 - Node.Js 学习笔记唤醒手腕个人的学习记录,时间在2021年12月13日 ~ 2021年12月14日,学习方式看官方文档和B站视频,如有错误或者代码问题的地方,欢迎C站大佬能够帮忙 ...
【前端】-【less】-学习笔记
前端-less-学习笔记 1.LESS的语法 1 注释&变量&嵌套&延迟加载延迟加载 2 混合 2.1普通混合 2.2不带输出的混合 2.3带参数的混合 2.4带多个参数的混 ...
前端全栈工程师进阶学习笔记
一,前端历史先说一下前端的历史,前端是在2014年左右才开始兴起的,在这之前,受制于浏览器以及技术.兼容性等问题,导致网页的显示效果非常的单一,几乎都是静态页,前端的工作也是非常简单,说是前端,其实 ...
【前端】HTML基础（学习笔记）
W3C标准: 结构:HTML描述页面的结构表现:CSS控制页面中元素的样式行为:JavaScript相应用户操作 HTML(Hypertext Markup Language)超文本标记语言 &l ...
h5前端开发培训，html5学习笔记
canvas元素用于在网页上绘制图形. 什么是canvas? HTML5元素用于图形的绘制,通过脚本(通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形. 你可以通过多种 ...
学python前端需要哪些基础知识_python之前端HTML/CSS基础知识学习笔记
1. 文件结构: HTML文件的固定结构: html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2- ...
我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结
H5+css3面试题总结一.html5和html的区别: 1.html5新增了语义化标签:footer .nav.section- 2.html5完全支持css3 3.支持本地离线存储 4.新增了c ...
python3 redis_python3_redis随手学习笔记
#!/usr/bin/python #-*- coding:utf-8 -*- # by zmoke import redis import json #使用redis pool pool = red ...

《前端单位和网络地址》随手学习笔记

文章目录

前言

一、前端单位

二、网络地址

《前端单位和网络地址》随手学习笔记相关推荐

最新文章

热门文章