随笔分类 -  CSS

CSS指层叠样式表
摘要:6.5日更新 之前傻了,哪有那么复杂,直接加个overflow:hidden;就行了,auto还会导致滚动条,多low哦 问题描述 记录一个工作中遇到的问题,给外层div设置了边框,但是里面内容如果宽度100%,然后有背景,就被挡住了。如下图: 使用过的方法 1.于是我设置margin-left: 阅读全文
posted @ 2020-05-28 16:16 来亦何哀 阅读(1686) 评论(0) 推荐(0) 编辑
摘要:今天发现个问题,手机input唤醒键盘后,将键盘收起来,但是界面还是保持这个样子,上面推上去的部分不会掉下来。 经过观察,发现键盘弹起后将上面部分托上去后会出现滚动条,然后将scrollTop移到当前input位置 所以思路是不让它出滚动条,于是设置了height: 100%;overflow:hi 阅读全文
posted @ 2020-04-06 11:33 来亦何哀 阅读(345) 评论(0) 推荐(0) 编辑
摘要:1.section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 <section cite="http://www.baidu.com"> 我是<section></section> </section> 2.progress相当于一个进度条,如果不给max和 阅读全文
posted @ 2019-09-26 12:36 来亦何哀 阅读(240) 评论(0) 推荐(0) 编辑
摘要:浏览器会『从右往左』解析CSS选择器。 我们知道DOM Tree与Style Rules合成为 Render Tree,实际上是需要将Style Rules附着到DOM Tree上, 因此需要根据选择器提供的信息对DOM Tree进行遍历,才能将样式附着到对应的DOM元素上。 以下这段css为例 < 阅读全文
posted @ 2019-09-26 11:58 来亦何哀 阅读(1898) 评论(0) 推荐(0) 编辑
摘要:translate()是transform的一个值。 改变transform或opacity不会触发浏览器重新布局(reflow)或重绘(repaint),只会触发复合(compositions)(复合是什么,我也不懂,没听说过,有知道的朋友可以在留言区告诉我)。 transform使浏览器为元素创 阅读全文
posted @ 2019-09-09 18:34 来亦何哀 阅读(1258) 评论(1) 推荐(0) 编辑
摘要:H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词 网页作者 搜索引擎抓取 为移动设备添加 viewport iOS 设备 begin 添加到主屏后的标题(iOS 6 新增) 是否启用 WebApp... 阅读全文
posted @ 2019-08-13 09:26 来亦何哀 阅读(189) 评论(0) 推荐(0) 编辑
摘要:记录一下这些小的知识点,出处:http://www.yin.cc/blog/html_b_strong/ 阅读全文
posted @ 2019-08-05 23:17 来亦何哀 阅读(209) 评论(0) 推荐(0) 编辑
摘要:在 CSS 中伪类一直用 : 表示,如 :hover, :active 等 伪元素在CSS1中已存在,当时语法是用 : 表示,如 :before 和 :after 后来在CSS3中修订,伪元素用 :: 表示,如 ::before 和 ::after,以此区分伪元素和伪类 由于低版本IE对双冒号不兼容 阅读全文
posted @ 2019-08-05 22:25 来亦何哀 阅读(863) 评论(0) 推荐(0) 编辑
摘要:移除空格 使用margin负值 使用font-size:0 letter-spacing word-spacing 阅读全文
posted @ 2019-08-05 22:22 来亦何哀 阅读(1033) 评论(0) 推荐(1) 编辑
摘要:来个奇淫技巧 利用CSS动画的样式优先级高于!important的特性 阅读全文
posted @ 2019-07-27 09:17 来亦何哀 阅读(929) 评论(0) 推荐(0) 编辑
摘要:display: none (不占空间,不能点击)(场景,显示出原来这里不存在的结构) visibility: hidden(占据空间,不能点击)(场景:显示不会导致页面结构发生变动,不会撑开) opacity: 0(占据空间,可以点击)(场景:可以跟transition搭配、自定义图片上传按钮) 阅读全文
posted @ 2019-07-26 10:33 来亦何哀 阅读(963) 评论(0) 推荐(0) 编辑
摘要:层叠上下文是 HTML 中的一个三维的概念,每个层叠上下文中都有一套元素的层叠排列顺序。页面根元素天生具有层叠上下文,所以整个页面处于一个“层叠结界”中。 层叠上下文的创建: 页面根元素:html z-index 值为数值的定位元素 其他 css 属性 opacity 不是 1 transform 阅读全文
posted @ 2019-07-19 16:12 来亦何哀 阅读(340) 评论(0) 推荐(0) 编辑
摘要:BFC的概念 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 它是一个独立的渲染区域,只有块级元素参与,它规定了内部的Block level Box如何布局,并且与这 阅读全文
posted @ 2019-07-19 16:09 来亦何哀 阅读(298) 评论(0) 推荐(0) 编辑
摘要:1. 浏览器渲染机制 浏览器采用流式布局模型(Flow Based Layout) 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了渲染树(Render Tree)。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后 阅读全文
posted @ 2019-07-17 18:33 来亦何哀 阅读(393) 评论(0) 推荐(0) 编辑
摘要:这样直接写的话,编译时会直接给你计算了,这时到浏览器上的calc里面的值是不准确的。改为下面这样写就解决了 在前面加~符号,后面加引号包上,为什么会这样,我暂时还没查到,有知道的朋友可以解答我一下。 阅读全文
posted @ 2019-07-10 10:28 来亦何哀 阅读(356) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示