![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
StarFishing
这个作者很懒,什么都没留下…
展开
-
HTML5新增特性常用总结
新的Doctype尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染Figure元素用<figure>和<figcaption>来语义化地表示带标题的图片<figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This i...转载 2018-12-20 20:40:36 · 2903 阅读 · 0 评论 -
外部js文件引入后无效,调用dom方法报错问题解决
今天在自己写代码的过程中发现我在为外部写的js文件无法调用dom元素的自带方法,比如appendchild方法,一开始以为代码写错了,后来才发现是因为js文件引入位置不对,写在这里提醒大家首先是我的目录结构然后在HTML文件内引入js文件一开始是这样的js文件中有这样一行代码 wraper.appendChild(span),于是就报错了,说没有这个方法,我还仔细看了一下发现方法没错啊...原创 2018-12-25 20:35:25 · 4217 阅读 · 0 评论 -
页面中图片大小自适应问题,避免留白
第一种:div 包着 imgimg {width: auto;height: auto;max-width: 100%;max-height: 100%;}第二种:背景图片style="background-image: url(${user.headimgurl});background-size: cover; "下面是background-size 的各个属性 :...原创 2019-01-11 22:00:40 · 3702 阅读 · 0 评论 -
网页分享如何展示标题,描述,缩略图
在页面head标签中按如下设置 <meta itemprop="name" content="标题名称"/> <meta itemprop="image" content="图片地址,最好写成http形式"/> <meta property="og:image" content="图片地址,最好写成http转载 2019-01-29 23:08:38 · 7749 阅读 · 0 评论 -
BFC(Block Formatting Context)基础分析
W3C官方对于BFC的描述只有3小段,强烈建议想理解BFC的朋友先去看看,链接见文末。常见的文档流分为:定位流、浮动流、普通流3种。BFC是普通流中的一种。本文提出3个问题并给出使用BFC来解决这些问题的方法,这3个问题是:外边距折叠(Collapsing Margins)让一个没有设置高度的容器包含浮动元素阻止文字环绕什么是BFC根据W3C对BFC的描述,可以总结出:BFC是一...转载 2019-02-24 21:20:49 · 145 阅读 · 0 评论 -
rem与em的使用和区别详解
编者:在自适应制作稿中,我们经常会看到rem和em这两个单位的冒泡,rem是基于html元素的字体大小来决定,而em则根据使用它的元素的大小决定(很多人错误以为是根据父类元素,实际上是使用它的元素继承了父类的属性才会产生的错觉)·你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 rem ,何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位,由浏览器转...转载 2019-02-27 12:59:16 · 1454 阅读 · 0 评论