文章库ARTICLE COLUMN

  • css实现水平居中和垂直居中的常见方式

    css实现水平居中和垂直居中的常见方式

    摘要:我们在实际工作中常会遇到需要设置居中的场景,居中分为水平居中和垂直居中。针对不同的情况又有不同的实现方式,例如行内元素和块状元素。例子对于图片垂直居中可以利用的实现例子整个居中让为的居中实现代码以下不支持。 我们在实际工作中常会遇到需...

    hqmanhqman 评论0 收藏0
  • css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    摘要:基于这样的布局方式,你就可以把什么定高不定高定宽不定宽多行单行的水平垂直居中都搞定了。且不支持这就是所谓的布局大法。 看了这篇文章,你可以了解到以下布局方法: table-cell 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行不...

    lijinke666lijinke666 评论0 收藏0
  • 移动Web开发小结

    移动Web开发小结

    摘要:在做移动开发时有很多地方跟端是不一样的,需要不一样的设置,这里就记录下移动开发中有用的设置和一些通用代码。其他关于打电话发短信发邮件的实现打电话给发短信给发邮件给关于布局移动端中对于的支持已经很好,是布局神器。 在做移动 Web 开发时有...

    derek_334892derek_334892 评论0 收藏0
  • CSS篇之inline-block

    CSS篇之inline-block

    摘要:代码主页原因对于元素,如果里面没有内联元素,或者不是,那么这个元素的基线就是其底边缘,否则,它的就是元素包含的内容中最后一行内联元素的基线。在此例中中没有内联元素,所以就是下边缘,中有内容主页,所以是以内容的主页的下边缘作为自己的。 ...

    ARGUSARGUS 评论0 收藏0
  • 多图片展开收缩实例

    多图片展开收缩实例

    摘要:运用运动框架进行多图片展开收缩的实例展示在展示时未插入图片用来代替多图片的展开收缩元素居中放大除了要改变元素的宽高以外,还要改变元素定位因为在页面布局时点是根据元素的左上角即来计算的如果图片放大一倍则位移为放大宽高的一半通过程序将浮动...

    archieyangarchieyang 评论0 收藏0
  • wechat-dribbble

    wechat-dribbble

    摘要:简介利用宇宙最美的设计网站提供的完成功能响应式布局,各个分辨率均能展现良好预览使用根据提供的方法,安装微信小程序开发环境在微信开发工具中添加刚刚下载的项目项目 wechat-dribbble ???wechat app for dribbble write less, do more 简介 利用...

    cklljckllj 评论0 收藏0
  • [译]谷歌 HTML/CSS 规范

    [译]谷歌 HTML/CSS 规范

    摘要:通用格式规范缩进一次缩进个空格,不要使用或者混合和空格的缩进。语义化根据使用场景选择正确的元素有时被错误的称为标签。格式规范引号属性值用双引号。风格规范和命名使用有含义的和名称。和单位值为时不用添加单位。 原文 Google HTML/CSS Style G...

    seasonleyseasonley 评论0 收藏0
  • 《CSS揭秘》第五章:字体排印

    《CSS揭秘》第五章:字体排印

    摘要:字体排印连字符断行在杂志和书籍中,经常可以见到两端对齐效果。原因是会带来糟糕的显示问题。比如大多数衬线字体中的和。在第三版中,引入了属性华丽的符号通过规则实现只对符号应用特殊的字体。 字体排印 连字符断行 在杂志和书籍中,经常可以见到两...

    lk20150415lk20150415 评论0 收藏0
  • JS实现信息滚动效果

    JS实现信息滚动效果

    摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。 最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检...

    SKYZACKSKYZACK 评论0 收藏0
  • CSS 控制 input 只显示下划线效果

    CSS 控制 input 只显示下划线效果

    摘要:由于页面设计需要,有时我们可能会出现只有下划线底部边框的,如下图所示那么怎么实现这种效果呢其实很简单,只要从边框入手就可以了比如将上右左边框宽度设置为,下边框为,颜色根据需要调整如上代码,即可实现。 由于页面设计需要,有时我们可能会出...

    Y3GY3G 评论0 收藏0
  • step by step:圆形loading进度条实现步骤详解

    step by step:圆形loading进度条实现步骤详解

    摘要:简介实际开发中,文件的图片的加载等情形下经常需要展示进度情况。最简单的直接显示百分之多少即可,然后一般情况下就是条形进度条,设置长度表示已完成进度。这里介绍一下稍微复杂的圆形进度条如何实现。 简介 实际开发中,文件的download、upload、...

    LancerCometLancerComet 评论0 收藏0
  • 浮动和清除浮动

    浮动和清除浮动

    摘要:浮动在我看来浮动元素都是脱离了躯壳的灵魂,有其神而无其形没有高度,他们存在于世间,但世人却无法看见他们脱离文档流,块级元素可占据他们的位置,但是风雨等大自然因素却可以洞察到他们的存在,从而环绕其周围不脱离文本流,内联元素可环绕在其周围...

    only_doonly_do 评论0 收藏0
  • vue 安装遇到问题

    vue 安装遇到问题

    showImg(https://segmentfault.com/img/bVDFdn?w=683&h=167);

    BrennerBrenner 评论0 收藏0
  • 你真的认识css里面的position么?!

    你真的认识css里面的position么?!

    摘要:不给元素保留空间,相反,元素定位的位置是相对它最近的非定位的祖先元素来确定的。绝对定位的元素可以设置外边距,并且不会与其他边距合并。能看我的文章到这里的同学都辛苦了,毕竟知道自己文章一向不通顺,不过我会慢慢提高的,哈哈哈。 开门见山,...

    CntChenCntChen 评论0 收藏0
  • 纯 HTML+CSS+JavaScript 编写的计算器应用

    纯 HTML+CSS+JavaScript 编写的计算器应用

    摘要:不允许再有其他文件,不允许再有多带带的文件。必须支持标准的四则运算。请在收到邮件的小时内独立完成本测试,并回复本邮件。项目地址最终版的计算器,项目地址和预览图片在。并且使用单位来进行自动计算尺寸。 一道笔试题 之前偶然看到一个公司的笔...

    PiscesYEPiscesYE 评论0 收藏0
  • 《CSS揭秘》:梯形标签页

    《CSS揭秘》:梯形标签页

    摘要:梯形标签页一直以来,在里都没有简单的方式生成梯形标签页。缺点是如果梯形标签的宽度高度背景等有变化,就得重新切图。同时设置轴的缩放来使其高度尽量不发生变化。但是标签页一般用于导航,这种方法可以满足大部分场景。 梯形标签页 一直以来,在CSS...

    bovensonbovenson 评论0 收藏0
  • css经典布局之左侧固定大小右侧自动适应

    css经典布局之左侧固定大小右侧自动适应

    摘要:最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是饭的列表等等。 最近学习了一种经典布局,...

    CarbsCarbs 评论0 收藏0
  • [学习css系列]纯css实现移入移出效果

    [学习css系列]纯css实现移入移出效果

    摘要:使用的伪类选择器来实现移入移出的效果。当鼠标已入时,就会出现,移除时,则消失。 使用css的:hover伪类选择器来实现移入移出的效果。 Document .b{ width : 300px; height : 300px; b...

    qqlcbbqqlcbb 评论0 收藏0
  • 一段程序让你看懂JS中的this

    一段程序让你看懂JS中的this

    摘要:看下面这段程序函数的默认定义域是全局的,代指调用他的那个对象函数是个调用对象为,故输出了。若要让输出,你只需这样做将值保存。有些地方也将写为。 看下面这段程序 var name = "Bob"; var nameObj ={ name : "Tom", showName...

    shiyang6017shiyang6017 评论0 收藏0
  • 小程序的那个 API经常抽风,这里是全部的API文档地址(MHTML)

    小程序的那个 API经常抽风,这里是全部的API文档地址(MHTML)

    这里是微信小程序的 API github地址,目前是MHTML格式,直接保存的。主要是 notedown.cn 网站经常抽风,留给自己一个备份吧。 API地址:小程序 API 地址(github)

    DDreachDDreach 评论0 收藏0
  • 微信小程序资源汇总整理

    微信小程序资源汇总整理

    摘要:有问题可通过微博联系我开源项目微信小程序微信小应用资源破解文档微信小应用示例代码文档简易教程开发者工具文档文档视图组件文档常见问题教程微信小程序开发文档微信公众平台文档微信小程序怎么开发玩物志用一个上午上线了电商应用爱范儿 有问题可通...

    guqiuguqiu 评论0 收藏0
  • 微信小程序 demo 整理

    微信小程序 demo 整理

    摘要:地址汇总微信小程序中开发微信小程序微信小应用资源破解方法文档微信小应用示例代码文档简易教程开发者工具文档文档视图组件文档常见问题补充中,周末开始开发 github地址:https://github.com/HioryLiu/w... Demo weapp-demo - github Demo汇总 canv...

    TangpjTangpj 评论0 收藏0
  • 微信应用号(小程序)资源汇总(1010更新)

    微信应用号(小程序)资源汇总(1010更新)

    摘要:微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 wechat-weapp-resource 微信应用号(小程序)资源汇总。 每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大...

    赵春朋赵春朋 评论0 收藏0
  • 360前端负责人月影:赛跑项目和跳水项目的金牌含量其实一样

    360前端负责人月影:赛跑项目和跳水项目的金牌含量其实一样

    摘要:不久,传说中的月影大大进入了视线。目前担任奇虎副总监技术委员会委员兼前端技术委员会主席,前端最大团队奇舞团负责人,顾问。图灵访谈我知道月影大大在前端方面特别有名,图灵社区的好多留言也都感叹终于有机会访谈到月影大大了。 本文仅用于学习和...

    taohonghuitaohonghui 评论0 收藏0
  • IE8 CSS 样式兼容性清单

    IE8 CSS 样式兼容性清单

    摘要:最近部门业务网站需要考虑的兼容性,刚好查到上有系列浏览器对兼容性的完整清单,把其中部分的内容翻译了出来,作为备忘。原文链接正文分割线对于是完整支持的,对于则只是部分支持。下文中只列出完全支持及完全不支持的样式。注下文中的均指标签名,如...

    insteininstein 评论0 收藏0

热门文章

<