html
文章平均质量分 91
存放一些html基本标签及H5新增标签相关知识
我不是费圆
不积跬步无以至千里,不积小流无以成江海
展开
-
网页精准布局,学会受用一生
昨天有同学问这个如何布局,细节就不描述了,反正很着急,我大致看了一眼,两分钟把答案整了出来,有注释有效果图,当键盘声停下需求也就做完了。 无论哪种网页布局,首先统筹全局,从最外侧开始看,如图: 我们先分左右后分上下,比如最外侧是:侧边栏、内容;内容区域有:导航栏、头部、内容;内容中再分侧边栏与内容。结合代码一目了然:<!-- 最大父元素 --><div class="box flex"> <!-- 弹性盒子布局 --> <div class.原创 2020-12-01 09:11:54 · 542 阅读 · 0 评论 -
P不能做div的父元素?
P和div同为块元素,为什么P不能做div的父元素?执行代码:可以在控制台看到这样一段信息:div像一条分割线一样,把无辜的 P标签 一分为二原因不明,百度也没找到,欢迎把正确答案评论在下方或私聊博主,感谢!可是我有解决方法:.........原创 2020-09-20 18:45:24 · 665 阅读 · 2 评论 -
移动端尺寸问题
移动端尺寸问题我们知道,前端页面的基本单位有px,rem,em,px是PC页面常用的基本单位,相对的rem是移动端常用的基本单位;而em适用于PC和移动端,他的计算方式是以父节点的宽度来定义自身em的长度,因为不利于精准计算,所以不常用。今天要讲的是移动端里的rem我猜大家遇到过这样一个问题:我用测量工具量取的宽度是1rem ,可写到项目里,明显比原网页要窄很多。这就是今天要讲的尺寸问题像素(图像最小的不可被分割单元)分辨率:720*1280表示横向可容纳750个像素,纵向可容纳1280个原创 2020-09-11 00:08:42 · 506 阅读 · 14 评论 -
CSS背景缩写、简写详细
CSS背景缩写、简写不太会这个,到网上搜了下,发现写的都不中意,就想到自己写一个出来背景共有8个属性:background-color 背景颜色background-position 背景图像的位置background-size 背景图片的尺寸background-repeat 如何重复背景图像background-origin 背景图片的定位区域background-clip 背景的绘制区域 /* 底部详细说明 */原创 2020-08-23 21:18:26 · 6448 阅读 · 1 评论 -
天哪!跟真的一样(CSS)
纯CSS伪类实现小象逼真动画先把代码送给大家,使用方式在上一篇博客中有详细说明:Canvas波浪花环给大家看一下效果图:<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" conten原创 2020-08-20 21:52:22 · 4866 阅读 · 30 评论