12 2016 档案

【垂直居中高级篇】你不知道的垂直居中方式

摘要：在Css中对元素进行水平居中是很简单的，如果他是一个行内元素，对它的父元素应用text-align:center；如果是一个块级元素，就对自身应用margin:auto。然而如果要对一个元素进行垂直居中，想想就头皮发麻。本文主要探索以Css3为基础进行元素的垂直居中，对当下流行的几种技巧不做讨论，原阅读全文

posted @ 2016-12-29 08:12 小龙女先生阅读(1402) 评论(0) 推荐(1) 编辑

CSS3新特性应用之用户体验

摘要：目录背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载一、光标新增加not-allowed光标，不允许访问隐藏光标，在触模应用上很有用，css2.1需要一个透明的图片来实现，而css3直接用cursor:none即可。完整代码：二阅读全文

posted @ 2016-12-26 08:26 小龙女先生阅读(1038) 评论(2) 推荐(0) 编辑

前端工程师是怎么练成的

摘要：本人Sam。启蒙微软派，遁入前端教。已修炼后端技能、领域驱动设计、前端技能等近八余载。擅长C#，领域驱动设计，必杀技为Javascript、Css。为领域驱动设计在前端教的应用而奋斗。现将自我领悟的前端教技能秘笈总结如下：上图咯：内功心法前端教的三大内功秘笈：Html、Css、Javascri 阅读全文

posted @ 2016-12-26 08:09 小龙女先生阅读(1204) 评论(2) 推荐(5) 编辑

CSS3新特性应用之字体排印

摘要：目录背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载一、插入换行 ~：表示同辈元素之后指定类型的元素，如;elm1 ~ elm2表示,elm1之后的所有elm2元素，且elm1与elm2都是在同一个父级元素。 +：表示同辈元素的兄弟元素阅读全文

posted @ 2016-12-19 08:10 小龙女先生阅读(902) 评论(0) 推荐(0) 编辑

Css3新特性应用之视觉效果

摘要：目录背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载一、单侧阴影 box-shadow属性的应用，格式：h-shadow v-shadow blur spread color inset属性取值介绍 h-sahdow：水平阴影的位置，允阅读全文

posted @ 2016-12-11 15:36 小龙女先生阅读(827) 评论(0) 推荐(0) 编辑

Css3新特性应用之形状

摘要：目录背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载一、自适应椭圆 * border-radius特性： * 可以单独指定水平和垂直半径，并且值可以是百分比，用/（斜杠）分隔这两个值即可（可以实现自适应宽度椭圆）。 * 还可以单独指定四阅读全文

posted @ 2016-12-08 08:23 小龙女先生阅读(693) 评论(0) 推荐(1) 编辑

Css3新特性总结之边框与背景(二)

摘要：目录背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载一、条纹背景利用background为linear-gradient函数实现，linear-gradient取值如下： <angle>：角度，渐变的方向 to left right 阅读全文