文章库ARTICLE COLUMN

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

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

    摘要:写在前面之前写了一篇为移动端而生的自定义多级联动选择器,得到了很多人的关注。具体实现步骤如下先传入一个需要计算深度的对象给,判断如果还有则迭代,并计算深度。如果增加了联动级数需要来判断,则为新增加的联动绑定新的事件。 写在前面 之前写...

    ssshooterssshooter 评论0 收藏0
  • 完整的网站开发技术学习建议

    完整的网站开发技术学习建议

    摘要:本文讲解的是一份学习参考目录,如果能坚持学习下去,那你离全栈又近了一步。 本文讲解的是一份学习参考目录,如果能坚持学习下去,那你离全栈又近了一步。一.网页编辑1.网页编辑技术 (1)起步:包含html,css 推荐网站:html菜鸟教程 慕课网 w3csc...

    RdouTypingRdouTyping 评论0 收藏0
  • 浅谈 CSS Sprites 雪碧图应用

    浅谈 CSS Sprites 雪碧图应用

    摘要:编写配置文件,以下是关键配置代码雪碧图合并输出到文件参数执行目录参数生成的和图片的文件名之所以推荐,是因为非常的灵活,看懂模块的可以根据你的项目情况编写对应的配置文件。 showImg("https://segmentfault.com/img/bVGpAw?w=518&h=156"); 前言...

    MkkHouMkkHou 评论0 收藏0
  • 回到顶部效果之加速置顶

    回到顶部效果之加速置顶

    摘要:加速回到顶部将其左上角置于容器的水平方向上的中点向右移动图片容器的宽度的一半,以实现其左侧贴紧图片的边线的效果将按钮隐藏增加过渡效果鼠标悬浮时改变样式此处设置的值的是为了阻止其回到顶部的默认行为。 我在半年前接触过相关案例,最近重新看...

    weknow619weknow619 评论0 收藏0
  • 思考 CSS 架构

    思考 CSS 架构

    摘要:思考一个好的架构一个好的架构是具有良好的可扩展性。定义手风琴的展开或收起,链接的有效或无效,元素的隐藏或显示。的命名规范命名组件的方式是非常流行特别有帮助的规范。目前该领域最丰富的思想领袖之一。 你有没有在一个逐渐膨胀的 CSS 项目中感...

    yvonneyvonne 评论0 收藏0
  • 创建可维护的设计规范(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

热门文章

<