html/css
Mean。
这个作者很懒,什么都没留下…
展开
-
CSS中的position属性
目录1. position的定义及各属性值2. 各属性值详解staticrelativeabsolutefixedsticky3. 其他relative与absolute的主要区别什么是文档流z-index属性1. position的定义及各属性值position 设置元素的定位类型,其属性值有以下几种: static(静态定位):posi...原创 2019-10-15 09:51:40 · 620 阅读 · 0 评论 -
盒模型BFC渲染机制
目录一. BFC基本慨念二. BFC渲染规则三. 如何创建BFC元素一. BFC基本慨念一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。网页是一个一个盒子组成的,而BFC就是一种css盒模型的渲染规则。 CSS盒模型:链接暂无 二. BFC渲染...原创 2019-10-10 15:45:16 · 587 阅读 · 1 评论 -
清除浮动的几种方式及其原理理解
目录一. 为什么要清除浮动二. 清除浮动的方法1. 利用clear样式2. 父元素结束标签之前插入清除浮动的块级元素3. 利用伪元素(clearfix)4. 利用overflow清除浮动本文中所有的“清除浮动"均指清除浮动造成的副作用。清除浮动是页面布局时很常见的操作,但我一直复制调用就完事了,没有理解其原理。最近仔细了解后,写本文记录下。一. 为什么要清除...原创 2019-10-09 09:53:47 · 523 阅读 · 0 评论 -
解决滚动条出现挤压页面宽度
方法来自张鑫旭大佬:原文链接/* 解决滚动条出现挤压页面宽度开始 */html { overflow-y: scroll; //兼容ie8,不支持:root, vw}:root { overflow-y: auto; overflow-x: hidden;}:root body { position: absolute;}body { wi...转载 2019-05-16 10:32:41 · 2568 阅读 · 0 评论 -
消除input,button的间距
代码:效果:问题:input,button标签之间出现了间距,这并不是我们所期望的。解决方法:1.在父级元素上设置属性:font-size:0px;将input父级字体(font-size)设为0px,可以消除间隔,但是得重新设置内联元素(input)的字体大小;2.去掉input,button标签之间的空格3.设置input为块元素,并且给一个左浮...转载 2019-03-13 09:41:21 · 676 阅读 · 0 评论 -
Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js转载 2017-08-31 13:43:58 · 282 阅读 · 0 评论 -
atom常用插件
ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键转载 2017-08-24 12:14:25 · 507 阅读 · 0 评论 -
p标签里不能用div
Documentp{background: red;height: 20px;}div{background: yellow;} sampleinline今天遇到的不常见的问题,网上查了下才知道原因。代码如下:运行图:涉及到块级元素和内联元素的嵌套问题。1.块级元素(block)与内联元素(inline)的区别: 简单转载 2017-08-09 10:05:24 · 2015 阅读 · 0 评论