CSS

站长资源全栈工程师阅读(774)评论(0)

楔子 有经验的前端在新建一个项目的时候，会分析设计图抽离出基础的色系，字体大小，按钮大小，边框边距，辅助类，常用元素等，然后去定制一套属于该项目的基础css类库，便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...

站长资源全栈工程师阅读(718)评论(0)

我们在vue页面组件中写样式一般会加上scoped来防止全局污染 <style scoped> .red{color:red} </style> 但是对于组件内部的子组件中的样式我们在当前页面是看不到的，所以加上去也...

站长资源全栈工程师阅读(825)评论(0)

随着流量像移动端的偏离，我手上的项目大多也都是移动端的为多，移动端无论是app还是小程序，或是一些移动端的框架都使用了flex的布局，这对于长期使用传统盒模型的前端人员一时可能不太习惯，特别是定义为flex布局之后的各种位置调整让人头疼不已...

站长资源全栈工程师阅读(1179)评论(0)

今天客户反映EDM的文字被链接下划线遮挡住了，经过测试确有这种问题，代码方便并没有什么问题，设置为“宋体”后也没有问题，但是客户就指定了文字的字体，没办法！问题还是要解决 解决办法记录一下 在a标签上增加样式代码 vertical-alig...

站长资源全栈工程师阅读(1287)评论(0)

css属性顺序是css良好编码风格的一部分，有助于提高代码可读性，便于发现代码问题，有利于团队合作。（依次排后） example { /*显示属性*/ display: ;  visibility: ;  float: ...

站长资源全栈工程师阅读(1523)评论(0)

页面的视差滚动效果可以让你的网站逼格瞬间提升一个档次，怎么去实现呢？今天就介绍给大家用最简单的方式实现视差滚动效果。 首先我们来写个基本html结构 <section class="content">头部</section...

站长资源全栈工程师阅读(1154)评论(0)

一些常用的h5效果，自己总结的，用的时候直接拿，方便快捷！ 1.悬浮时放大： .one{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz...

站长资源全栈工程师阅读(3799)评论(0)

文字的展开收起这个用JS很容易就可以实现，不过我们今天实现的方法有些特殊，我们完全使用css的方式去完成这项工作。 假如有如下html代码 <p>站长资源文字展开收起效果</p> <div class="ele...

站长资源全栈工程师阅读(1629)评论(0)

很多人一般在网页的侧边会选择放一个悬浮的在线客服，方便意向客户的联系，网上随便一搜也会有很多代码提供，但是大多都是JS书写的，并且夹带着一些图片素材乱七八糟的东西，用起来很不方便。 今天我们就教给大家一个纯css书写的在线客服效果 首先我们...

站长资源全栈工程师阅读(1933)评论(0)

上次我们讲了用JS方式实现新闻不断滚动效果:实例操作之新闻不断滚动显示效果的实现 虽然代码也很精简了，但是对于JS有恐惧症的同学来说还是不太好理解，相对于JS，大家对css更容易掌握，那么今天我们就提供给大家一个用css书写的新闻不断向上滚...