always_littlesun的专栏

margin在复制时，如果参数个数不同，margin的效果也有不同意义。如果margin后面只跟一个参数，表示上、右、下、左值都为该值。如果margin后面跟两个参数，表示上下值参数1，左右参数2。如果margin后面跟三个参数，表示上参数1、左右参数2，下参数3。 如果margin后面跟四个参数，表示上、右、下、左对应参数一二三四。html文件： <div class="margin-e

谈到em和span的区别，它们的共同点是都是行内元素。em表示用来强调某句话，不同的浏览器有不同的表现。一般都用是斜体来表示强调。span只是用来给元素加样式，没有默认样式。就像div一样，没特别的意义。具体示例：<style type= text/css> .emphasis{ font-style:italic; } .fat{ fo

在一个div中，让单选框和图片都居中，而不是单选框在下。需要对radio和img都做垂直方向居中的属性设置。 代码如下：<style> input[type=radio],input[type=radio]+img{ vertical-align: middle; }</style> <div class="radio_container">

http://www.html-5-tutorial.com/div-tag.htmh5为了语义化，（避免满页的div）新增了一些语义tag： head nav section footer aside article em b标签，差别只在于语义化；The aside element gives me the means to include something in a pa

工作需要接触到了check box的效果展示，发现了一个可以自定义效果直接生成html和css的网站，共享如下，可以选择ios风格，windows风格或者android风格，非常简单友好，适合着急时候可以马上获取样式的小伙伴们。链接如下： https://proto.io/freebies/onoff/下面的内容是想要自己写一个这样的switch button的步骤：原理其本质是一个check b

本篇主要讲如何在页面上加蒙层。蒙层居中，且底部页面不能再滑动。蒙层 效果： 关键字：z-index, rgba实现： body分为两个大的div区域，一个是底部展示的div(div-back),一个是弹出的蒙层div(div-pop)。在弹出的蒙层区域，中间部分是container区域，里面有头部的背景图片和content内容，其中包括[知道了]尾部按钮。对于div-pop，背景色设置为5

安装应用安装：下载对应系统的安装包安装即可，在此不再赘述。命令行安装： 在使用命令行安装时，需要下载gem文件。确保自己系统安装了ruby。如果输入ruby -v显示了系统版本就说明安装成功了。Mac系统会自带ruby，无需再安装。 ruby -v ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin

Sass 简介 Sass stands for Syntactically Awesome Stylesheets Sass, and was created by Hampton Catlin. It’s a way to simplify your CSS workflow, making development and maintenance tasks easier.

关于嵌套嵌套可以帮助像命名空间一样，控制不同页面的css样式。这样就不用绞尽脑汁想不同的名字来区分类了，在嵌套里面可以取一样的名字。在嵌套里面如果需要用到父元素，可以用&来代替，如：#main{ border:1px solid #eee; &-sidebar{border:1px solid;} a{ &:hover{color:blue;}