2016年05月_shirley云

原创复位样式——随时更新

复位样式，总结自己的@charset "utf-8";/* * Created: linda * LastChangedDate: 2016-05-31*//* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* dom */dl, dt, dd, ul, ol, li,/* list */pre, /* c

2016-05-31 17:32:05 311

转载 js判断鼠标进入容器的方向

浏览网页的时候看到一个特效，遮罩层根据鼠标进入div的方向来显示，于是就对js判断鼠标进入div容器的方向这部分感兴趣，在网上找了一篇分析，总结在这里。 $(".S_service_div .on").hover(function(e){ var w = $(this).width(); var h = $(this).height();

2016-05-30 09:53:35 655

原创 CSS3中clip属性

clip 属性用来设置元素的形状。用来剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时，”clip” 属性允许规定一个元素的可见尺寸，这样此元素就会被修剪并显示在这个元素中。1.clip属性只能用于绝对定位元素，position:absolute或fixed。2.clip属性有三种取值：auto 默认的　　　　　　　　　　 inherit继承父级的

2016-05-27 17:08:50 714

转载你可能会遇到的CSS单位

em 相对于当前对象内文本的字体大小。rem r’是“root”的缩写，意思就是1rem等于根元素的字体大小,即相对于根元素html的大小。vh and vw 响应式web设计离不开百分比。但是，CSS百分比并不是所有的问题的最佳解决方案。CSS的宽度是相对于包含它的最近的父元素的宽度的。但是如果你就想用视口（viewpoi

2016-05-26 14:14:10 500

转载 css命名规范

id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:QuickCss（最新产品/Quick+Css)CSS样式表各区块用注释说明尽量使用英文命名原则尽量不加中杠和下划线尽量不缩写，除非一看就明白的单词css命名好的css命名是检验一个css工作者是否合格的一项基本指标。头：header内容：content/con

2016-05-25 15:10:17 506

原创常见中文字体英文名称以及windows默认字体列表

在默认情况下，也就是未自行安装新字体或者 Office 等文字处理软件的情况下，Windows 默认提供下列字体：Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)Windows

2016-05-24 10:39:56 27544

原创网页引用Font Awesome图标

首先引入方法一：将以下代码粘贴到网页HTML代码的部分.方法二：复制整个 font-awesome 文件夹到您的项目中。在HTML的中引用font-awesome.min.css。FONTAWESOME 图标介绍（http://fontawesome.dashgame.com/）FONTAWESOME 图标（附码表）（http://www.bootcss

2016-05-24 09:56:19 14830 3

原创自适应网页里，字体大小如何自适应屏幕

字体大小使用 em, rem 作为单位，然后使用 media query 来调整 html 元素的 font-size自适应网站html {font-size: 62.5%!important; /* 10÷16=62.5% */}@media only screen and (min-width: 481px){ html { font-size: 94%!im

2016-05-23 16:56:49 36639 4

原创在less中使用css3 calc 的问题

问题描述在less中 calc(100% -4rem) 等带单位混合运算会被less解析忽略单位，全部按照百分比计算，此例中的计算被less编译成calc(96%)。原因分析less的计算方式跟calc方法有重叠，两者在一起有冲突解决方案

2016-05-23 16:00:49 7861 1

原创 HTML 5 <input> placeholder 属性

定义和用法placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的类型：text, search, url, telephone, email 以及 password。（submit类型的input不适用placeholder 属性）HTML5 plac

2016-05-20 10:21:19 348

linda_417的博客