HTML5
关注
分享
扫一扫
lucky_kundy
这个作者很懒，什么都没留下…
展开
-
媒体查询响应式布局菜单案例
创建顶部菜单，当可视窗口小于414时原菜单将会消失出现小菜单，点击小菜单会出现和之前一样的菜单选项，并且扩大可视窗口后小菜单会消失原创 2022-04-27 20:11:06 · 1071 阅读 · 0 评论 -
前端性能优化，静态资源缓存：Expires、Last-Modified、Etag
小明是一家公司的前端开发，最近小明老板总是说打开公司的网页很慢,认为是代码有bug ，限期一个星期之内搞定·小明分析了公司网站，发现问题有很大一部分原因是:静态资源没有缓存。公司网站上主要有以下几类文件:1.入口html文件2.公司自己开发的js文件3.公司自己开发的css文件4.图片文件5.引入的第三方的框架js 、 css等请小组讨论，帮助小明做出网站的缓存规划–什么文件需要缓存,缓存的周期是多久?(版本周期30天)......原创 2022-04-26 20:04:02 · 872 阅读 · 0 评论 -
box-sizing:boder-box却不能将两个盒子放入一行
问题描述两个div，宽分别为50%，转为行内块，想放入同一行时，box-sizing为border-box 却不可以放在一行。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport原创 2022-03-22 19:34:31 · 479 阅读 · 0 评论 -
盒类型呈现效果block、inline、inline-block、none
盒类型 呈现效果 备注block 独占一行inline 一行多个 不能设置长宽 上下margin无效 上下padding会混乱布局inline-block 有block和inline的特性none 元素隐藏...原创 2022-03-22 19:23:32 · 297 阅读 · 0 评论 -
px、em、rem、百分比单位类型与相对基准
单位名称 单位类型（相对/绝对） 相对基准 px 相对 屏幕像素缩放后的尺寸百分比 相对 font-size相对于继承，width相对与父元素em 相对 相对于本元素的font-sizerem ...原创 2022-03-09 15:02:26 · 293 阅读 · 0 评论 -
前端面试题import和link导入css有什么区别？
优点:import模块化思想link实现结构层和表现层分层，提高代码可维护性缺点:import@import url list-of-media-queries@import兼容性不好，加载速度慢。使用方法：import@import' '@import url（“”）@import "common.css" screen;link<link rel="stylesheet" type="text/css" href="文件路径"/>...原创 2022-03-09 15:01:01 · 101 阅读 · 0 评论 -
doctype的作用是什么？它的混杂模式和便准模式怎么区分？他们都有什么意义？
doctype的作用是什么？它的混杂模式和便准模式怎么区分？他们都有什么意义？doctype是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义来解析文档。可打开开发人员工具在控制台输入document.compatMode判断输入什么模式。怪异模式：BackCompat标准模式：CSS1CompatHTML5的doctype为什么只需要写<!DOCTYPE html>？html5不基于SGML,因此不需要对DTD进行引用，但是需要doc转载 2022-03-06 14:56:35 · 141 阅读 · 0 评论 -
meta标签是什么，通常包含哪些内容？
meta是元标签，定义元数据，告诉浏览器配置。一般用于做一些页面说明，比如编码，关键字，页面尺寸，修改日期。meta元素定义的元数据的类型包括以下几种：（来源MDN：<meta>：文档级元数据元素 - HTML（超文本标记语言） | MDN）如果设置了name属性，meta元素提供的是文档级别（document-level）的元数据，应用于整个页面。 如果设置了http-equiv属性，meta元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。 如果设置...原创 2022-03-06 14:34:47 · 4272 阅读 · 0 评论