这种纯CSS3美化单选按钮radio的方法适用于以下情况: 1、可兼容IE9以上,需要兼容IE8的要写IE的hack把样式去掉 2、只支持单选按钮radio,因为单选按钮选中样式的圆圈可以用CSS做出来,但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库
vue的选择居于react与angular之间,框架自身的语法比react多一点,但是又比angular少一点。 也正是由于选择的不同,所呈现出来的写法与思考方式就一定会有所差异,不论优劣,但肯定会导致不同的偏好。 react的简单在于,它的核心API其实非常少。所以我们会看到很多地方在说react
margin重叠 摘自css2.1规范中文版 CSS中,两个或者多个盒(可能但不一定是兄弟)的相邻的margin会被结合成一个margin。Margin按这种方式结合叫重叠(collapse),产生的结合的margin叫做重叠margin。 margin重叠的计算规则 摘自css2.1规范中
前面的话   表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,本文将详细介绍Boostrap表格   基本实
line-height 是指每行的高度, 假如定义p标签的行高为line-heigth:20px; 文字在浏览器中显示为一行时,这个p标签的高度会为20px,如果为两行,则p标签的高度为40px; line-height是20px不变, 只是height变了   但是,我们定义p的样式为height
最近在研究Vuex2.0,搞了好几天终于有点头绪了。 首先vuex概念比较多,一定要搞懂里面的概念,可以参考官网Vuex2.0概念,我写此文的目的是希望能对前端爱好者提供个参考,加深对vuex2.0各核心概念的理解。 废话少说,直接上干货。这是官网上的一个计数的实例。 先来起个项目。 第一步、下载安
如何垂直居中一个浮动元素 // 方法一:已知元素的高宽 #div1{          width:200px;     height:200px;     position: absolute;        /*父元素需要相对定位*/     top: 50%;     left: 50%;  
本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注 简书: 小贤笔记 页面布局(layout) header 头部/页眉; index 首页/索引; logo 标志; nav/sub_nav 导航/子导航; banner 横幅广告; main/content 主体
相比于JavaScript开发人员的数量,目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月,GitHub上的快速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。 本文将会讨论目前最为流行的客户端Jav
HTML form标签小结 最近研究 form标签,有一些小心得写下来与大家分享分享,共勉。在小结的最后有一个form表单的小例子,可以作为参考。 -----DanlV form是HT
前面的话   Bootstrap是简单、灵活的用于搭建WEB页面的HTML、CSS、Javascript的工具集。Bootstrap基于HTML5和CSS3,具有漂亮的设计、友好的学习曲线、卓越的兼容性,还有12列响应式栅格结构,丰富的组件等等。按照官网的宣传来说,Bootstrap 是最
CSS实现两端对齐效果 两端对齐,从概念上来说,其实不难理解。如果不明白什么叫两端对齐,可以玩玩word等办公软件。 下面谈谈如何实现文本的两端对齐。我所知道的大概有以下几种方法 text-align w3school指出,text-align用于设置块级元素内文本的水平对齐方式。如果想使inlin
英文:Ben Northrop  译文:开源中国   【导读】:Ben Northrop 在 2016 年满了 40 岁,本文是他对职业生涯的思考。他认为从长远来看,应该多投资一些不容易过期、衰竭期较长的知识领域中。     我是一名程序员,几个月前刚过完 40 岁生日。某个星期六的早晨,我参加了
新人刚接触前端,你可能会问: 零基础能学前端课程吗? 要如何开始学习前端呢? 如果你是前端工作者,你可能会问: 我要怎样让自己变得更优秀? 前端天花板低发展,真的遇到瓶颈了吗? 接下来,我会从学习、实践、进阶三个方面来回答这些问题,分享我的前端成长经历。 1 学  习  篇   学习前端,首先建议大
link与import <link href="index.css" rel="stylesheet">  <style type="text/css">   @import "index.css";   </style> 不同点 link除了引用样式文件,还可以
之前知乎上有不少同行邀请我回答一些前端相关问题,但是,大家都知道了,要认真回答一个问题是需要大量时间和精力的,对于还在不断学习积累阶段的我,时不时分散原本的精力,打乱自己原本的节奏,实际上是一件不划算的事情。就好像邮件或者微信,来一条信息,你就去看一下,时间和精力都会大大分散,工作和学习效率必然会大
关于ie7下display:inline-block;不支持的解决方案 今天码的时候遇到这个问题了。 如果本身是内联元素的,把它的display属性设置设置为inline-block时,所有浏览器都是支持的。 相反,如果本身是块级元素的,把它设为display:inline-block;  那么
    2017 Web 开发者学习路线图(头图源自谷歌) 本文是源自 Github 上 Kamran Ahmed 建立的一个仓库。在文中,作者为他的老教授分享了一组成为前端与后端开发者以及 Devops 人员需要掌握的学习路线图,以便与他的学生们分享他们的观点。 同时,有任何改进的

推荐文章