文章库ARTICLE COLUMN

  • css透明度之rgba和opacity的区别及兼容

    css透明度之rgba和opacity的区别及兼容

    摘要:对于设置透明度,我们有两个可以选的属性和用法和使用属性来设定透明度。值越小,越透明。参数是介于完全透明与完全不透明的数字。注意如果在里面同时使用这两种方法时,会造成冲突而无法做到透明度的实现。说明了子元素会继承父元素的属性 对于设置透...

    genednagenedna 评论0 收藏0
  • button和submit的区别

    button和submit的区别

    摘要:提交表单需要绑定事件才能提交表单数据局部刷新不可以使用,在触发事件的同时会提交表单。方法不加会自动提交,并不会起到约束的作用,所以,使用时需要验证请加或。用户名不能为空跳转的页面提交 button-普通按钮,submit-提交按钮。  submit是butt...

    PikachuPikachu 评论0 收藏0
  • Angular2 模块简介

    Angular2 模块简介

    摘要:模块简介简介应用是模块化的,而我们可以把它当做一个容器,用于存放一些内聚的代码块,它接收一个元数据对象并通过该对象告诉如何编译和运行模块代码。它标记出该模块拥有的组件指令和管道,并把它们的一部分公开出去,以便外部组件使用它们。 Angula...

    liaosilzu2007liaosilzu2007 评论0 收藏0
  • CSS 预处理器之目录

    CSS 预处理器之目录

    sass入门总结less之常用语法总结IDEA自动编译less文件输出css

    jackwangjackwang 评论0 收藏0
  • 【前端词典】滚动穿透问题的解决方案

    【前端词典】滚动穿透问题的解决方案

    摘要:接下就说下我对滚动穿透问题解决方案探索的过程,希望对大家有点启发。心想来了突然意识到写弹窗的时候忘记处理滚动穿透的问题了。下期预告前端词典继承必懂知识点传送门前端词典代理的概念及其应用前端词典滚动穿透问题的解决方案 背景 产品有三宝,...

    _Dreams_Dreams 评论0 收藏0
  • 八种方法实现CSS页面底部固定

    八种方法实现CSS页面底部固定

    摘要:当我们在写页面时经常会遇到页面内容少的时候,会戳在页面中间或什么反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底部,方法一高度固定绝对定位查看效果方法二在主体上的下边距增加一个负值等于底部高度 show...

    lentruelentrue 评论0 收藏0
  • css实现边框动画

    css实现边框动画

    摘要:实现边框动画效果如图鼠标离开后的回退效果,如果不设置回退效果,则鼠标离开后就直接很生硬的隐藏了查看效果 1、css实现边框动画 效果如图:showImg("https://segmentfault.com/img/bVbmRNk?w=353&h=249"); body,div{ margin: 0; ...

    lncwwnlncwwn 评论0 收藏0
  • CSS3实现微信小程序瀑布流布局

    CSS3实现微信小程序瀑布流布局

    摘要:属性规定元素应横跨多少列。和微信小程序瀑布流布局避免在元素内部插入分页符页面的初始数据案例名称你所不知道的红酒知识红酒知识案例名称案例名称案例名称案例名称案例名称案例名称 参考:作者:阿峰 链接:https://www.jianshu.com/p/14d4b9ac473c...

    GodtoyGodtoy 评论0 收藏0
  • css权重

    css权重

    摘要:什么是权重大基础选择器权重指的是大基础选择符的优先级,优先级高的样式会覆盖优先级底的样式,优先级越高说明权重越高,反之亦然。 1、什么是css权重?css6大基础选择器 css权重指的是css6大基础选择符的优先级,优先级高的css样式会覆盖优先级底的c...

    lyninglyning 评论0 收藏0
  • Chrome 文字低于12px的解决方案

    Chrome 文字低于12px的解决方案

    摘要:在浏览器中,我们将字体设为以下的时候,会发现和其实是一样的大小,也就是说默认的字体最小是的,那么接下来就介绍解决方法对于老式可添加如下属性对于新版本可添加如下属性 在chrome浏览器中, 我们将字体font-size设为12px以下的时候,会发现和12p...

    galoisgalois 评论0 收藏0
  • margin合并、塌陷,清除浮动

    margin合并、塌陷,清除浮动

    摘要:合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。那我们怎么办,回到主题清除浮动。你可能忘了伪元素是行内元素,只有块元素才能清除浮动。所以我们最好后,主动清除一下浮动,避免以后遇到很奇怪的问题。 这是我的第一篇掘金文章,希望...

    AlliotAlliot 评论0 收藏0
  • HTML+CSS的两栏、三栏布局以及垂直居中

    HTML+CSS的两栏、三栏布局以及垂直居中

    摘要:因为个人所学有限所以可能不会罗列出所有的实现方法,不过我会继续努力查漏补缺。两栏布局左固定,右适应先写出初始样式和结构。因为是主要的显示区域,所以我们应该先加载它再加载其它的地方。 这一次我想讲解一下HTML+CSS的两栏、三栏布局以及垂直居...

    nidayenidaye 评论0 收藏0
  • css样式简写

    css样式简写

    摘要:样式简写简写简写公式在的的简写公式中只有五个属性,在中加入了和,其中的表示在支持写法的浏览器中可以接着继续写属性简写简写公式的作用类似于简写简写公式 css样式简写 background简写 简写公式: background: [background-color] [background-imag...

    TasteTaste 评论0 收藏0
  • JavaScript 代码简洁之道

    JavaScript 代码简洁之道

    摘要:代码质量与其整洁度成正比。它让你的代码简洁优雅。是几个单词首字母组合而来,分别表示单一功能原则开闭原则里氏替换原则接口隔离原则以及依赖反转原则。开闭原则开指的就是类模块函数都应该具有可扩展性,闭指的是它们不应该被修改。 测试代码质量的...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 深入理解margin

    深入理解margin

    摘要:重叠问题同级元素之间重叠水平方向重叠相加垂直方向重叠取大值解决垂直方向重叠问题的值不为的值不 Title .parent{ width: 500px; height: 500px; background-color: darkgray; ...

    hlcchlcc 评论0 收藏0
  • 技本功丨呀~我不会写CSS之vertical-align(上集)

    技本功丨呀~我不会写CSS之vertical-align(上集)

    摘要:某日阅读世界,笔者的一段话鞭挞了我的灵魂。原文是这样的说到这里,我就忍不住多说两句。很多其实工作很多年的前端开发人员,也可能不知道的属性值支持数值,更不知道支持负值,这着实让我很意外。只显示文本的时候行高是。上集完敬请期待中下集 show...

    tianlaitianlai 评论0 收藏0
  • 解决键盘挡住输入框问题(APP调整)

    解决键盘挡住输入框问题(APP调整)

    摘要:问题键盘挡住输入框并且页面无法滚动无效场景安卓部分机型嵌入在的页面解决端处理视图当键盘弹起时把的高度挤压让输入框自动适应可视区在兼容和适配上有一定的局限性特别是混合开发 ➢ 问题:键盘挡住输入框,并且页面无法滚动,scrollIntoView无效 ➢ ...

    nanfeiyannanfeiyan 评论0 收藏0
  • 【第1期】聊聊css居中那点事

    【第1期】聊聊css居中那点事

    摘要:前言居中是网页布局中再常见不过的一种方式了,今天我们就来聊聊居中的那点事。我是水平居中的同样是针对块级元素才有效果。来看代码我是水平居中的必须配合来使用来可以实现居中的效果。方法二我是垂直居中的注意此方法要考虑的兼容性问题。 前言:居...

    刘永祥刘永祥 评论0 收藏0
  • 毕业后的第一次总结。

    毕业后的第一次总结。

    摘要:途中学了很火的,觉得目前的前后端不分离的老模式以及自己一个人摸爬滚打影响个人发展,就约好同学,年后离职,上海见。一年前用的地区人才网,这次用的直聘。后来收到了天内收到了家面试通知,上午的在八佰伴,下午的在浦电路。 年初的迷茫 已经找不...

    gxyzgxyz 评论0 收藏0
  • css多种方式实现等宽布局

    css多种方式实现等宽布局

    摘要:本文讲的等宽布局是在不手动设置元素宽度的情况下,使用纯实现各个元素宽度都相当的效果。使用实现兼容父元素必须设置为这个属性一定要有,否则达不到效果子元素必须设置为使用布局来实现 本文讲的等宽布局是在不手动设置元素宽度的情况下,使用纯css...

    DataPipelineDataPipeline 评论0 收藏0
  • 从“雅虎军规”看性能优化

    从“雅虎军规”看性能优化

    摘要:避免重定向重定向用和状态码,下面是一个有状态码的头浏览器会自动跳转到域指明的。除此之外还有别的跳转方式元标签和,但如果你必须得做重定向,最好用标准的状态码,主要是为了让返回按钮能正常使用。要提高性能,优化这些响应至关重要。 showImg("h...

    BlackMassBlackMass 评论0 收藏0
  • 前端图片上传解决方案

    前端图片上传解决方案

    摘要:图片上传是前端开发中经常使用到的,上传方案也有很多种吧,可能你有在使用一些插件完成上传,比如我以前自己写的一个后台系统现在在这里总结下图片上传的解决方案。构造函数返回一个新构造的。事件及方法我们主要是用事件及方法,其他见处理事件。 sh...

    SeaySeay 评论0 收藏0
  • CSS2中盒模型与布局的一些概念关系

    CSS2中盒模型与布局的一些概念关系

    摘要:的一些名词和概念用来帮你更明确地去描述世界的事物。具体信息可以参考盒模型的解释,这里暂且不作展开。的位置和大小时根据一个称为的边界进行计算的。其它情况,依据设定的值进行处理指定值最终表现值与指定值相同 CSS的一些名词和概念 用来帮你更明...

    happyhuangjinjinhappyhuangjinjin 评论0 收藏0
  • 前端性能优化从css说起

    前端性能优化从css说起

    摘要:放在中减少引起和接下来我们再来讨论一下图片与雪碧图或精灵,在网页中我们会用到很多图标,如果每一个图标是多带带的一张图片,那网页加载的时候,就会有多个请求去请求图片,显而易见会影响网页性能,所以要采取方法对网页中图标使用进行优化处理。 ...

    KoreyLeeKoreyLee 评论0 收藏0
  • css多种方式实现等高布局

    css多种方式实现等高布局

    摘要:本文讲的等高布局是在不手动设置元素高度的情况下,使用纯实现各个元素高度都相当的效果。 本文讲的等高布局是在不手动设置元素高度的情况下,使用纯css实现各个元素高度都相当的效果。如图:showImg("https://segmentfault.com/img/bVbmKdO?w=1004&h=...

    cnTomatocnTomato 评论0 收藏0

热门文章

<