文章库ARTICLE COLUMN

  • css3文字颜色动态渐变

    css3文字颜色动态渐变

    摘要:是因为动画的结束后的最后一帧的颜色为,立马会重新执行动画,颜色会初始到第一帧,所以会有明显的变化。的效果就是背景颜色被剪裁到文字上面,只有文字会显示背景颜色。用数字表达结合以上三个属性结合动画,最终实现文字渐变的效果。 浏览 Animate.c...

    CciradihCciradih 评论0 收藏0
  • 【呆萌の研究】圣杯布局引发对margin负值的研究

    【呆萌の研究】圣杯布局引发对margin负值的研究

    摘要:问题起源以前一直就听说圣杯布局,但是没有怎么去用过,然后这次偶然接触到了,就学习了一下。继续试验我们可以尝试改变的值,去看看位置的变化。为了方便我们计算,另外写了一个类似的布局,内容区的宽度是,三个的宽度也都是。 问题の起源 以前一直...

    zhangke3016zhangke3016 评论0 收藏0
  • 关于css 的垂直居中

    关于css 的垂直居中

    摘要:之前看了张大大的博客总结一下我对和的一些认知。站在巨人的肩膀上学习,再次谢谢张大大阮大大的各种分享。 对于元素的水平居中,我根据我自己之前的一些学习来进行一些总结,如果有不对的地方,欢迎指正~ 一、让大小不固定的元素垂直居中 因为:表...

    icattlecodericattlecoder 评论0 收藏0
  • SegmentFault 技术周刊 Vol.38 - 神奇的 CSS

    SegmentFault 技术周刊 Vol.38 - 神奇的 CSS

    摘要:层叠即表示允许以多种方式来描述样式,一个元素可以被渲染呈现出多种样式。可以让属性的变化过程持续一段时间,而不是立即生效。比如,将元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用后,将按一个曲线速率变化。 showImg("https://segme...

    elliott_huelliott_hu 评论0 收藏0
  • 关于flex-grow的陷阱

    关于flex-grow的陷阱

    摘要:前一阵在使用布局进行宽度处理时,发现了并不是按照预期的情况进行比例处理,顿时觉得有点懵逼。对于一个来说,它的初始空间并不是,而是另一个属性值元素内容占用的空间。于是修改代码如下这样设置的比例就如我们所愿的显示出来了。 前一阵在使用flex...

    zhaochunqizhaochunqi 评论0 收藏0
  • SASS知识点

    SASS知识点

    SASS介绍 css预处理器。其实还有用的很多的less,stylus。SASS支持所有css语法基础的文件命名方法以_开头 准备工具 SASS编译工具?官方下载地址,下载对应版本 用法: 将项目中的css文件夹拖入Koala 创建sass文件 后缀demo.sass (Koala会自动编译成demo.css...

    jhhfftjhhfft 评论0 收藏0
  • 大多数项目中会用到的webpack小技巧

    大多数项目中会用到的webpack小技巧

    摘要:只在中有效你的文件在开发者工具中显示为。参考链接清除日志如果你在使用时看过下面的调试日志你可以使用来关闭它参考链接总结以上就是总结的条关于的建议,这几乎是所有项目都用得到的配置技巧吧 原文地址 本文是作者对自己所学的webpack技巧的总结...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 小聊BFC

    小聊BFC

    摘要:不起眼的这个词可能之前没怎么听过,可是稍微接触过前端的人都知道中有点小坑啊今天想要跟大家分享一下个人对于的一个理解。的定义是一个独立的渲染区域,只有块级元素参与,规定了内部的块级元素如何布局,并与区域外部的毫不相干。 不起眼的BFC ...

    darkerXidarkerXi 评论0 收藏0
  • 关于响应式web设计

    关于响应式web设计

    摘要:手机网站电脑网站平版网站响应式网站在没有足够经费跟精力的做一个手机网站的情况下,响应式网站是个不错的选择。 手机网站+电脑网站+平版网站 = 响应式网站 在没有足够经费跟精力的做一个手机网站的情况下,响应式网站是个不错的选择。它有以下的优点...

    morganmorgan 评论0 收藏0
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo

    不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo

    摘要:我们知道,开发微信支付需要申请服务号并且需要一系列的资料才可以开通。怪麻烦的,现在我们可以用第三方开放的免签约微信支付接口,支付宝接口和钱包接口,实现实时到帐的微信支付开发。 我们知道,开发微信支付需要申请服务号并且需要一系列的资料才...

    luffyZhluffyZh 评论0 收藏0
  • PC端CSS布局汇总

    PC端CSS布局汇总

    摘要:因为端和移动端布局差异较大,所以我将两端布局分开讲,本文章将针对端的布局进行讲解,以下代码只写关键代码。为了提高网页性能,考虑到,表格元素尽量少用,有其他选择的情况尽量用其他布局。 前言 此文章是 解剖CSS布局原理 的续集,之前那篇文章讲...

    zhangxiangliangzhangxiangliang 评论0 收藏0
  • BEM 实战之微信个人页面

    BEM 实战之微信个人页面

    摘要:简介前端命名方法论是由团队提出的一种前端命名方法论,是一个非常有用,强大,简单的命名约定,可以让你的前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确而且更加严密。 1.BEM 简介 BEM——前端命名方法论 BEM 是由 Yandex 团队...

    waltrwaltr 评论0 收藏0
  • css揭秘系列

    css揭秘系列

    摘要:基于的解决方案借助规范所引入的和属性,我们可以让它内部的文本也实现居中根据盒对齐模型第三版的计划,在未来,对于简单的垂直居中需求,我们完全不需要动用特殊的布局模式了。因为只需要下面这行代码就可以搞定 7.结构和布局 自适应内部元素: min-c...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • [译]HTML&CSS Lesson6: 排版

    [译]HTML&CSS Lesson6: 排版

    摘要:有几个不同的因素致使它的流行。在这四个值中,我们最常用的就是将文本设置为斜体和将文本恢复为正常样式。因此任何低于的值会显得更细,而高于的值会显得更粗。目前浏览器默认为蓝色,我们要把它改成和到元素一致的颜色。 随着时间的推移,网络字体排...

    chadLichadLi 评论0 收藏0
  • CSS网格布局基础

    CSS网格布局基础

    摘要:浏览器兼容性可以看出网格布局从,开始受到支持。当这些项目不是网格容器的直接子级元素时,它们不会参与到网格布局中,并显示为正常的文档流。 浏览器兼容性 showImg("https://segmentfault.com/img/bVZllI?w=1210&h=283"); 可以看出CSS网格布局从Saf...

    lijy91lijy91 评论0 收藏0
  • 网站SEO优化

    网站SEO优化

    摘要:如果是应用,则包围其主要功能指定细则,输入免责声明注解署名版权突出显示文本,提醒读者。表示分数的值或者已知范围的测量结果。因为搜索引擎会过滤掉其中的内容框架因为蜘蛛一般不会读取其中的内容语义化布局 http://openweb.baidu.com/doc/... SEO...

    andotandot 评论0 收藏0
  • CSS: hover选择器的使用

    CSS: hover选择器的使用

    摘要:有些时候需要用到和这两个鼠标事件,但是写又比较麻烦,还要添加监听事件,所以能用解决的东西尽量解决,这样可以提高性能,下面说一下我对的了解之前在学计算机应用的时候,老师教我们使用了选择器来完成下拉菜单,之前只知道怎么使用,并不知道为什么...

    joyvwjoyvw 评论0 收藏0
  • FlexBox 语法指引

    FlexBox 语法指引

    FlexBox 语法指引 容器属性 display : flex | inline-flex CSS的columns在伸缩容器上没有效果。 float、clear和vertical-align在伸缩项目上没有效果 flex-direction: row | row-reverse | column | column-reverse 主轴方向 flex-wrap: nowrap ...

    OliviaOlivia 评论0 收藏0
  • 巧用开源软件做好企业管理

    巧用开源软件做好企业管理

    摘要:从管事到管人的根本转变其实,除了上述领域,开源软件在企业管理中已成为不可或缺的工具,在人,财,物等资源的管理上发挥着越来越重要的作用。也正因此,开源软件受到了很多企业的欢迎。 开源软件的应用领域广泛 我们通常所说的开源软件,是指所有公...

    huhudhuhud 评论0 收藏0
  • 圣杯布局和双飞翼布局

    圣杯布局和双飞翼布局

    摘要:解决的问题圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。 解决的问题 圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前...

    yankeysyankeys 评论0 收藏0
  • 从JSON中读取数据追加到HTML中

    从JSON中读取数据追加到HTML中

    摘要:在写内容逻辑重复性的页面时,用数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用。解决办法是利用方法,格式化,然后再添加进即可,在中应该还要用转回来。 在写内容逻辑重复性的页面时,...

    JadenJaden 评论0 收藏0
  • 前端速查表大全,分享一些技术和工具的简明教程

    前端速查表大全,分享一些技术和工具的简明教程

    摘要:这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键的命令行的选择器的属性等,这个列表简单收集了常用的工具,可以收藏用于平时的备忘录,需要用到的时候可以及时查阅。 这个速查表主要是分享互联网上一些比较常用的工...

    chunquedongchunquedong 评论0 收藏0
  • CSS: 潜藏着的BFC

    CSS: 潜藏着的BFC

    摘要:而就潜藏在其中,当你修改样式时,一不小心就能触发它而毫无察觉,因此没有意识到的神奇之处。实例解决侵占浮动元素的问题我们知道浮动元素会脱离文档流,然后浮盖在文档流元素上。 在写样式时,往往是添加了一个样式,又或者是修改了某个属性,就达到...

    learn_shifenglearn_shifeng 评论0 收藏0
  • CSS3笔记

    CSS3笔记

    摘要:隐藏表单宽高设为祖先元素隐藏或在页面外默认所有属性都将获得过渡效果。这个属性可以让你禁用系统默认菜单。背景裁剪到内容区外沿。 HTML隐藏 display:none; 表单  type=hidden 宽高设为0  height:0;width:0; 祖先元素隐藏或在页面外  marg...

    notebinnotebin 评论0 收藏0
  • 简单说 JavaScript实现雪花飘落效果

    简单说 JavaScript实现雪花飘落效果

    摘要:说明这次实现的雪花飘落的效果很简单,主要是为了练习练习中的定时器,和。简单说,意思就是用了这个定时器,能把两次修改样式的代码分开执行,可以先把第一次修改的样式渲染后,在进行第二次的修改,雪花就会动了。 说明 这次实现的雪花飘落的效果很...

    yedfyedf 评论0 收藏0

热门文章

<