placeholder: 我是一个不正经的属性. ----题记        说道页面垂直居中, 在大家的思维中, 很快就能有若干个(常用/用过)解决方法, 但是在很多面试题中, 都会出现这么一个题, 写出多个垂直居中的方法, (其实掌握比较通用的,

css3   css   前端  

实现如图所示的动画效果: 预载动画一:双旋圈 在两个不同方向旋转的圆圈。我们对内圈的转速定义了一个CSS代码,即内圈比外圈的速率快2倍。 实现如图所示: html代码: <body style="background: #ffb83c;"> <div id="preloader-1"> <span></span> <span></span> </di

css3  

原文:https://bitsofco.de/3-new-css-features-to-learn-in-2017/ 译文:http://caibaojian.com/3-new-css-features-to-learn-in-2017.html 译者:前端开发博客(蔡宝坚) 未经许可,禁止转载,如有不妥之处,欢迎指正。 新年快乐! 随着新的一年到来,我们有一整套新的东西要开始学习。虽然今年的

css3  

CSS 基本测试题

下面提供了18道有关css的测试题,大家可以尝试做一下,一些题可以延伸深挖出很多知识点。 测试题的答案在尾部。大家可以在评论区进行讨论。 1.css区分大小写吗? ul { MaRgIn: 10px; } 这种写法是否正确? 2.为行内元素设置 margin-top 和 margin-bottom是否会产生影响? 3.为行内元素设置 padding-top 和 padding-bottom

css3   css   html   javascript  

一、关于渐变 渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome),有两种类型的渐

gradient   css3  

懒得维护个人博客,固整理迁移至此。发布时间 2015-08-26 背景 作为单页大型应用的mv*框架AngularJS爱好者的我,不实现个大型web应用练练手怎么赶说自己熟练ng,于是尝试实现了大部分erp的进销存功能。本文主要对实现业务需求中遇到的问题以及解决方案进行阐述。不确保对其他项目有可移植性。 问题与解决方案 Q:目录结构的设计 ├─api //后端接口 └

angular.js   erp   html5   css3   javascript  

GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程 本书(系列文章)为对CSS中flex布局与grid布局的详细介绍,已在GitHub同步更新,如您在阅读过程中发现描述有误或错别字的情况,您可以向本项目提出issus或Pull Request。 本系列文章为我在深入研究CSS的布局方式的过程中的一些总结。主要是对于CSS3标准里的flex布局方式CSS草案中的grid布局方式

前端   css3   css  

小白今天遇到个问题,js动态给菜单添加样式,但是跳转页面或页面刷新后样式无效。于是就各种找答案。 方案一 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> #list { width: 150px;

jquery   css3   css   javascript  

今天在完成一个圆形logo上闪光的效果时,发现一个-webkit-内核浏览器的一个bug。下面来说说bug具体表现和解决办法。 1.bug描述 在webkit内核浏览器中,设置了圆角(border-radius)和超出隐藏(overflow-hidden)属性的元素,当它的子元素通过动画改变关于 transform 的属性时,子元素会溢出圆形区域。 css代码: .test{width: 200p

chrome   bug   transform   overflow   css3  
1 2 3 4 5 6 7 8 9