文章库ARTICLE COLUMN

  • 创建可维护的设计规范(Living Style Guide)

    创建可维护的设计规范(Living Style Guide)

    摘要:创建可维护的设计规范为什么需要相信团队工作中,不管是前端还是设计师都有被视觉统一问题折磨过的美好经历。所以在这,我先略过视觉稿,直接来说如何创建一分灵活可维护的设计规范。 创建可维护的设计规范(Living Style Guide) 为什么需要 Style Gu...

    sutakingsutaking 评论0 收藏0
  • sass笔记-3|Sass基础语法之样式复用和保持简洁

    sass笔记-3|Sass基础语法之样式复用和保持简洁

    摘要:区别在于,类是在中运用的,混合器是在样式表中使用的。基本用法选择器继承,用去继承一个选择器定义的所有样式。继承背后的基本实现思路背后最基本的想法是,如果继承了,那么样式表中的任何一处选择器都会用这一选择器组进行替换和打开。 上一篇详述...

    SmallBoyOSmallBoyO 评论0 收藏0
  • 谈谈CSS预处理器

    谈谈CSS预处理器

    摘要:变量插值预处理器中定义的变量不仅可以用作属性值,还可以用作选择器,属性名等,这就是变量插值。三种预处理器的嵌套语法是一致的,引用父级选择器的标记也相同。三种预处理器的使用方式的差异比较大,下面分别说明。 在写CSS的时候我们会发现,为了...

    BlackMassBlackMass 评论0 收藏0
  • [总结整理]css设置样式集锦(持续更新ing)

    [总结整理]css设置样式集锦(持续更新ing)

    摘要:页面分为两栏,左边导航,右边内容。想实现互不影响,肿么办给每一个想多带带控制鼠标滚动的区域,设置 1. 页面分为两栏,左边导航,右边内容。想实现互不影响,肿么办?给每一个想多带带控制鼠标滚动的区域,设置 position: fixed; overflow-y: auto/...

    summerpxysummerpxy 评论0 收藏0
  • 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    摘要:三创建时发现这么一句话,不知其什么意思,百度如下这样写可以达到的效果是如果安装了,则使用来渲染页面,如果没安装,则使用最高版本的内核进行渲染。 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决...

    AnthonyHanAnthonyHan 评论0 收藏0
  • sass笔记-4|像写脚本一样写Sass,把能交给Sass办的都交给它

    sass笔记-4|像写脚本一样写Sass,把能交给Sass办的都交给它

    摘要:布尔值布尔值主要用于的分支结构中判断使用,布尔值的操作符有和,就是与或非。此外比较操作符只能作用于数字,但是可作用于所有类型,这些操作符返回布尔值。 Sass笔记关于sass的基础部分已经写完,这一篇介绍Sass的高级特性——脚本特性。Sass能做很...

    AnthonyHanAnthonyHan 评论0 收藏0
  • 如何造一个移动端的联动选择器(一)

    如何造一个移动端的联动选择器(一)

    摘要:写在前面之前写了一篇为移动端而生的自定义多级联动选择器,得到了很多人的关注。预知后话地址为移动端而生的自定义多级联动选择器到此,需求已经明确。 写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器,得到了很多人的...

    andycallandycall 评论0 收藏0
  • 父元素line-height设为0后,inline-block的空元素终于安分了

    父元素line-height设为0后,inline-block的空元素终于安分了

    摘要:设置为,然后设置宽高,和一样的话,就会在里垂直居中了对吧,然而并没有。恩,到处改改改试试试,然后发现是搞的鬼。所以,为了不显示文本,我可以在中插入空格符号,这样不影响显示。或者,把的设为,都可以使得高度就是高度。 想要画下图这个轮播图...

    GodtoyGodtoy 评论0 收藏0
  • CSS transition属性实现滑动式轮播图

    CSS transition属性实现滑动式轮播图

    摘要:是的,趁着在玩轮播我用又写了个滑动式的轮播图,是仿的哔哩哔哩哔哩哔哩。点我转到思路这回我是用修改图片的属性,用的来实现动画过程。滑动式的轮播图图片是怎么动的呢中间为轮播图展示区。 是的,趁着在玩轮播我用transition又写了个滑动式的轮播图...

    godruoyigodruoyi 评论0 收藏0
  • CSS3 animation 基础

    CSS3 animation 基础

    摘要:最近项目有需求要做一个的页面,涉及到的使用。中间的动画过程由浏览器渲染引擎进行渲染。其中可以使用的时间段或者通过关键词和,等价于和。动画以低速开始,然后加快,在结束前变慢。动画延迟进入动画动画匀速播放持续,播放一次后将停止在最终的状态...

    roserose 评论0 收藏0
  • CSS实用技巧二

    CSS实用技巧二

    摘要:在上一篇文章中我们知道可以通过属性可以实现首行缩进两个字符。现在我们来讲一下第二个技巧。通过设置来实现针对如果里面是标签的情况下实现更好的优化。为了实现更好的我们就可以应用这个技巧。可以实现元素的居中。 text-indent 在上一篇文章中我们...

    ChristmasBoyChristmasBoy 评论0 收藏0
  • [译]关于vertical-align:你需要知道的一切

    [译]关于vertical-align:你需要知道的一切

    摘要:绝对定位让元素脱离文档流,所以他们不再影响他们的周边元素。元素在文档流中,也能感知其他元素尺寸的改变。中间,一个在文档流中的元素并且带有属性的元素。最右,不在文档流中的元素但是内容区域有高度。元素的基线依赖于元素是否是文档流中的元素。...

    wuyangchunwuyangchun 评论0 收藏0
  • 如何造一个移动端的联动选择器(二)

    如何造一个移动端的联动选择器(二)

    摘要:写在前面之前写了一篇为移动端而生的自定义多级联动选择器,得到了很多人的关注。预知后话地址为移动端而生的自定义多级联动选择器到此,的操作和手势算法就已经基本掌握了。 写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选...

    ivyzhangivyzhang 评论0 收藏0
  • 如何造一个移动端的联动选择器(三)

    如何造一个移动端的联动选择器(三)

    摘要:写在前面之前写了一篇为移动端而生的自定义多级联动选择器,得到了很多人的关注。预知后话地址为移动端而生的自定义多级联动选择器到此,时间选择器的核心算法就已经基本掌握了。 写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联...

    zzzmhzzzmh 评论0 收藏0
  • 前端命名规范

    前端命名规范

    摘要:以下是本人使用的命名规范,仅用参照命名命名命名文件命名文件命名文件命名语法命名变量常量类函数文件命名文件夹命名参考目录命名规范项目目录静态文件目录后台样式谢谢关注 以下是本人使用的命名规范,仅用参照 class命名: id命名: name命名:...

    马龙驹马龙驹 评论0 收藏0
  • CSS3 transform 详解

    CSS3 transform 详解

    摘要:最近在做,发现还是对了解的不是特别深刻,这里做一个总结。是以当前元素的中心为重心旋转顺时针开始。就是普通的状态将会倒置含义倾斜单位用法以自身元素为基础值为正数时向右倾斜值为负数时向左倾斜特殊值视觉上元素消失。 最近在做H5,发现还是对tr...

    wing324wing324 评论0 收藏0
  • 再次认识 vertical-align

    再次认识 vertical-align

    摘要:因为第三格的距离还是存在,也就能理解之前的有一种解决方案,如果中不存在文本,直接设置。单元格垂直居中。单元格的内边距的下边缘与行的底端对齐。 css中的基础知识,上次在刷 segmentfault 遇见了一个相关的问题有再次看过 vertical-align 的描述...

    William_SangWilliam_Sang 评论0 收藏0
  • 困然许久的vertical-aligin,间隙的出现并不是bug,!!!!

    困然许久的vertical-aligin,间隙的出现并不是bug,!!!!

    摘要:最近学习一个出现一个奇怪的现象,话不多说先贴代码。当初认为由于设置成了之后,换行和空格都被解析造成的,然是后来已测试,发现根本不是这个原因造成的,最近经过自己的苦思冥想,查阅资料,竟然发现是搞得鬼。因为浮动不属于行内元素了。 最近学习...

    lsxiaolsxiao 评论0 收藏0
  • 页面顶部背景图片如何设置上半部分为毛玻璃效果

    页面顶部背景图片如何设置上半部分为毛玻璃效果

    摘要:第二层要设置毛玻璃高度,和。要添加的背景图片实际高度为最终展示的毛玻璃高度设置为后,若不设置,由于是空的,导致为毛玻璃高度要比最终的高度大才行上移设置和是为了左右边缘也模糊度好设置模糊度在和下显示都,在中没有模糊效果,添加即可。 恩,...

    plus2047plus2047 评论0 收藏0
  • sass笔记-2|Sass基础语法之让样式表更具条理性和可读性

    sass笔记-2|Sass基础语法之让样式表更具条理性和可读性

    摘要:这个时候小明如果仅仅引入不想改,那么就是这个值,如果他想改,就可以在任何一处重新声明这个变量,那么就会变成小明的值。 这一篇主要详述保持sass条理性和可读性的3个最基本方法——嵌套、导入和注释。 零. 变量 变量本身的作用是为了保持属性值的...

    CloudDeveloperCloudDeveloper 评论0 收藏0
  • 纯css icons图标,只使用一个 i 标签

    纯css icons图标,只使用一个 i 标签

    摘要:地址使用方法直接引入就可以,由于效果是实现,所以建议在手机端页面引用。例子加上就可以看到效果目前有个图标,还会继续添加更新点击页面图标就可以看到名称 css-icons github地址 CSS-ICONS 使用方法 直接引入css就可以,由于效果是css3实现,所以...

    wenduxwendux 评论0 收藏0
  • CSS元素的显示和隐藏

    CSS元素的显示和隐藏

    摘要:的占位存在,即通过能够找到,但是图片的背景图却始终显示不出来。自己研究了好长时间才发现问题的所在,总结思考一下正确的分析问题的思路控制元素显示和隐藏的属性。调整的值查看是否能正常显示。 DIV的占位存在,即通过Chrome能够找到DIV,但是图片...

    remcarpediemremcarpediem 评论0 收藏0
  • 纯CSS 实现 Lightbox 灯箱效果

    纯CSS 实现 Lightbox 灯箱效果

    摘要:为每一张图片添加一个层,然后用样式调教成看不出来。当获取到焦点的时候,就添加图片放大的效果。用实现需要添加多个锚链接。这种用法网上有许多实例。 效果预览:(有防盗链,麻烦手动复制到新窗口打开) 用伪类 :focus 实现: https://ssl.huching....

    coordinate35coordinate35 评论0 收藏0
  • 实现图片懒加载(lazyload)

    实现图片懒加载(lazyload)

    摘要:当页面图片很多时,页面的加载速度缓慢,几钟内页面没有加载完成,也许会失去很多的用户。指向一张默认的图片,否则当为空时也会向服务器发送一次请求。这样便实现了懒加载。我想实现限制触发频率,来优化性能。 本文标题:实现图片懒加载(lazyload)文...

    renweihubrenweihub 评论0 收藏0
  • 原创观点:还在认为企业或个人只能申请一个小程序吗?

    原创观点:还在认为企业或个人只能申请一个小程序吗?

    摘要:如未通过年审认证,已开通的功能将可能会被断开,认证标识及认证信息将会被取消。每个账号服务持续期限为一年,所以合理安排申请数量和申请时间 今天第一次体验了整个小程序注册流程,使用的是我自己的这个简单的教程(个人无appid如何进行申请开发者...

    Wuv1UpWuv1Up 评论0 收藏0

热门文章

<