![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
Yutao_fullstack
这个作者很懒,什么都没留下…
展开
-
如何设置网页title旁边的小图标
正式写一个网页时,title旁边一般会有一个独特的小图标,如何自己写这样一个图标呢?其实很简单,只需要在html文件中的<head></head>标签里加上:<link rel="icon" href="img/logo.ico" type="images/x-ico" />这样一行代码就可以了!注意:图片的后缀名必须要是 .ico 格式的。...原创 2018-07-01 09:33:41 · 17717 阅读 · 3 评论 -
简单对比em和rem
一、首先说一下浏览器解析html文档的原理当浏览器解析HTML文档时,创建了一个用来代表页面元素的集合,叫做DOM(文档对象模型,Document Object Model)树状结构,每一个节点代表一个元素。<html>就是顶层节点(根节点),在下面的是它的子节点<head>和<body>,再往下就是它们的子节点,还有后代节点,如此类推。根节点是文档里...原创 2018-07-17 17:07:37 · 412 阅读 · 0 评论 -
meta标签详解
1、X-UA-CompatibleX-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务...转载 2018-08-05 00:23:53 · 166 阅读 · 0 评论 -
关于display:flex
display:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢?一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动,当然也可以选用其他清...转载 2018-07-31 15:19:54 · 158 阅读 · 0 评论 -
CSS border-radius:50%和100%的区别
用 CSS 画一个完美的圆在 Web 上我们常常会看到很多用到圆形的地方,比如带背景色的或者图片是圆形的。通常我们都是用 CSS 的 border-radius 属性实现圆形:先画一个方形,然后将它的 border-radius 设置成50%。但是为什么偏偏是50%呢?我从来没有思考过这个问题,只是单纯地认为把顶角的半径设置成方形的高度或者宽度的一半就可以得到一个圆形。这是一个 150p...转载 2018-09-28 10:37:00 · 893 阅读 · 0 评论 -
父子元素间设置opacity透明度
在前端开发中,我们经常使用CSS3 的opacity属性来设置元素的透明度。但是opacity属性在父子元素间设置存在问题。假如我们给父元素设置 opacity:0.5,子元素不设置opacity,子元素就会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1 也是在父元素的opacity:0.5的基础上设置的,因此子元素的op...原创 2018-10-10 18:36:07 · 734 阅读 · 0 评论 -
js添加事件和移除事件:addEventListener()与removeEventListener()
另有js事件详解 点击打开链接一.addEventListener()和removeEventListener()讲解 addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。 它们都接受3个参数:如 ...转载 2019-01-27 13:14:00 · 978 阅读 · 0 评论