为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3

通过css3实现checkbox选择样式

前端开发过程中,由于不同浏览器间的不兼容性,相同的标签在不同的浏览器中显示不同的效果。尤其在移动端开发中,安卓与iOS表单元素显示各不相共,所以在前端页面开发过程中,需要统一相关样式,前端er需要自己开发相应组件去实现对应标签功能。 知识点: css3中before与after选择器,兄弟选择器,checked选择器 本示例通过css3实现浏览器下checkbox选中与未选中效果。 实现效果示例 ...

83浏览 1推荐 0评论

最实用的CSS技巧和经验:

  1. 如何清除图片下方出现几像素的空白间隙   方法1   img {   display: block;   }   方法2   img {   vertical-align: top;   }   // 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的<length>和<percentage>值都...

68浏览 3推荐 0评论

[转]CSS子选择器与后代选择器

注:之前一直不混淆子选择器和后代选择器的关系,今天看到一篇文章很不错,一下子明白了,特此转载。 通俗的讲就是: 儿子一定是后代,但是后代不一定是儿子。 css子元素选择器和后代选择器在功能描述上非常相同,但是他们其实是有区别的、 本文章通过两个简单的实例向大家介绍子元素选择器与后代选择器的区别,需要的朋友可以参考一下。 首先我们来了解一下[子元素选择器]与[后代选择器]的基本语法。 语法 子元素选...

30浏览 1推荐 0评论

前端开发到底需要掌握哪些知识?

  但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实 现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊...

81浏览 1推荐 0评论

水平线加小箭头的效果 原创

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; padding: 0; } .content{ position: ...

789浏览 22推荐 2评论

好好学习,是为了写更少的代码 原创

写过CSS的都清楚,,,代码看起来真TM乱。其中一个原因就是我们写代码不够精简,想到一点写一点。我们是如此的随意,以至于后来自己都不想看那一堆bullshit了。 解决CSS代码可读性的办法,是有的。 主要包括以下几个方面: 1、利用SASS或LESS编写模块化的代码,那么我们修改时只需要修改scss或less文件就可以了,这些工具为我们提供了变量、函数等功能,确实能让我们少写或少改很多代码; 2...

158浏览 1推荐 0评论

通过css3实现开关选择按钮 原创

通过css属性实现如图所示按钮 要点:通过checkbox选中与否的状态与兄弟选择器实现相关功能 1.设置开关大小并设置定位方式为relative .swift-btn { position: relative; display: inline-block; width: 50px; height: 25px; } 2.设置checkbox属性,并设置为不可见状态 .swift-btn input...

736浏览 13推荐 1评论

编程之路 ——给初学者的学习建议 原创

《微信小程序入门与实战》这门课程在慕课上线快20天了。陆陆续续收到不少好评,得到了同学们认可,心里还是很开心的,这种喜悦和当年创业时通宵上线一个新版本一样,成就感满满。后面也会在课程中加入一些诸如如何在小程序中使用ES6、LESS和SASS等小知识,使课程更加饱满和丰富。 这篇文章篇幅会比较长。我并没有打算把它写成鸡汤,它更像是我这些年对编程、对管理、对市场的一次总结与回顾。如果这篇文章,能让每个...

8178浏览 167推荐 29评论

学习张鑫旭前辈课程的有关笔记(一) 原创

张鑫旭,国内前端大神,只想到一个词来形容他——“专业”! 以下为本人观看其讲课时所做的笔记,仅供同学们作为观看其视频的参考。 《深入理解border》 border-width不支持百分比!(原因:border本来就不应当能变得很大,与内容高宽度的比例没有意义,还有outline,box-shadow,text-shadow也是) border-wi...

302浏览 7推荐 0评论

学习张鑫旭前辈课程的有关笔记(二) 原创

上一篇手记是第一部分,共5个属性,接下来的这篇,是另外5个属性。 同样,仅作为大家观看张鑫旭前辈视频的参考文档。作为查阅文档也是可以的。 《深入理解vertical-align》 vertical-align支持的属性以及组成: 1、线类:baseline、top、middle、bottom 2、文本类:text-top、text-bottom 3、上标下标类:sub、super 4、数值百分比类...

188浏览 6推荐 0评论

伪类的使用小经验,顺序的重要性。 原创

运行下面代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> a:link{text-decoration:none ; color:black ;...

209浏览 2推荐 0评论

sass基础语法总结分析 原创

语法 文件后缀名 sass:不使用{}及; scss:同css,首选 导入@import 导入css和css用法一样不再编译,导入scss会合并编译 注释标准注释/**/,编译到css;单行注释//不编译 变量 $开头紧跟变量名,变量名值以:分隔,!表示默认值 ` $fontSize: 12px; body{ font-size:$fontSize; } $baseLineHeight: 2; $...

95浏览 1推荐 0评论

css常用知识小梳理一二三 原创

CSS 使用技巧 文字 水平居中 text-aligh:center 垂直居中 div{height:35px;line-height:35px}//1/n容器高度 容器 水平居中 div{width:760px;margin:0 auto} 垂直居中 .outer{ position:relative; height:480px; } .inner{ position:absolute; top...

83浏览 1推荐 0评论

新手艰难地做完一个仿百度首页,纪念一下

自己摸爬滚打做了一天,特别是被margin,padding,border折磨得欲仙欲死的时候,我也没放弃,还是做完了,在各位大佬看来可能跟老太婆的裹脚布一样又臭又长,但我会继续努力的。如果有人能指出一些建议就更好了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U...

448浏览 12推荐 0评论

相册列表展示动画解析

动效 图片展开和显示 1初始化 var isFold=false; var rows=5; var collums=5; //减少dom的查询次数 var gallery=$(".gallery"); //重复操作放在变量中 var w=gallery.width()/collums; var h=gallery.height()/rows; //初始化 innit(); 1初...

73浏览 1推荐 0评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信