文章库ARTICLE COLUMN

  • 八种方法实现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
  • IOS 底部margin失效

    IOS 底部margin失效

    摘要:问题和布局方式有关使用把底部设置一定的间距上无效安卓有效场景仅在底部需要撑开一定间距时使用失效但是在撑开间距的同时也会伴随容器自带的底色非白所以不考虑如图所示解决方式更改整体布局在需要留白的区域添加空白块具体兼容还与部分机型和系统版本...

    HelKyleHelKyle 评论0 收藏0
  • CSS 入门简介

    CSS 入门简介

    摘要:一简介及引用概述汉译为层叠样式表,是用于控制网页样式。二基础语法语法规则由两个主要的部分构成选择器,以及一条或多条声明。也就是说,和不冲突。这意味着两者都将遵守选择器中的规则。选择获得焦点的元素。 一、CSS简介及引用 1、CSS 概述 CSS汉...

    EscapedDogEscapedDog 评论0 收藏0
  • web学习笔记13-移动端搜索框提示功能

    web学习笔记13-移动端搜索框提示功能

    摘要:当按钮被松开时,触发事件获取到关键字判断关键字是否为空若输入字符串不为空则显示网络请求搜索。显示自动提示框,给框里填关联词条的内容给缓存对象赋值若输入字符串为空则显示历史搜索。     最近项目一直在迭代更新,没有什么新的东西做,所以...

    wdzgegewdzgege 评论0 收藏0
  • css选择class中的第一个怎么选?使用first-of-type?

    css选择class中的第一个怎么选?使用first-of-type?

    摘要:找到结构里面的所有的标签记作如果最后一个元素的为,把字体颜色改为 Dom结构 我是span 我是h1 我是h1 我是h1 我是h1 我是h1 1.指定标签 h1:first-of-type { color: red; // #test底下所有的h1找出来,其中第一个h1...

    tanglijuntanglijun 评论0 收藏0
  • 精读《国际化布局 - Logical Properties》

    精读《国际化布局 - Logical Properties》

    摘要:引言一带一路正在积极推动中国的国际化进程,前端网站也面临着前所未有的国际化挑战。本周精读的文章是,通过一种新的技术,实现国际化布局。讨论地址是精读国际化布局如果你想参与讨论,请点击这里,每周都有新的主题,周末或周一发布。 1 引言 一...

    seasonleyseasonley 评论0 收藏0

热门文章

<