随笔分类 -  css/css3

【学习笔记 】sass教程巩固学习
摘要：一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关... 阅读全文
posted @ 2015-11-12 14:15 王麦曦 阅读(217) 评论(0) 推荐(0)
【笔记】web响应式设计：HTML5和CSS3实战 第一章~第三章
摘要：看这本书的过程比看JS的书的速度要快很多，在看这本书之前已经对响应式有了解了，HTML5内容也是都看过视频教程呀 看过W3CSCHOOL以及一些文章的整体介绍 .对弹性布局，响应式，自适应、尺寸的换算、媒体查询，都有在工作中具体项目中运用了。所以看起来很轻松，笔记也比较松散，对自己比较了解的略过了，... 阅读全文
posted @ 2015-11-04 17:09 王麦曦 阅读(489) 评论(0) 推荐(0)
Firefox专属hack的写法
摘要：之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line-height属性... 阅读全文
posted @ 2015-10-10 13:41 王麦曦 阅读(262) 评论(0) 推荐(0)
(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
摘要：PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 |10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*... 阅读全文
posted @ 2015-08-17 15:56 王麦曦 阅读(28732) 评论(0) 推荐(0)
CSS DIV垂直居中
摘要：随便记录是因为，用CSS3的动画translate来设置垂直居中css垂直居中有很多种方式当前最流行的使用方法：.parent {position:relative;}.box {position:abosolute; left:50%;top:50%; margin-left:-宽度/2-(box... 阅读全文
posted @ 2015-08-04 15:51 王麦曦 阅读(196) 评论(0) 推荐(0)
display:inline、block、inline-block的区别 以及display其它的属性
摘要：display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。nline和block可以控制一个元素的行宽高等特性，需要切换的情况... 阅读全文
posted @ 2015-07-28 16:00 王麦曦 阅读(809) 评论(0) 推荐(0)
关于CSS预处理器（less,sass)
摘要：在接触到SASS这个词汇时，是在13年，大漠的w3cplus上看到的，那时我还是名UI设计师，做设计为主，偶尔工作需要也写代码的。所以对于SASS没有太多关注。重视起想要学习LESS,SASS是在今年五月，找工作的时候发现有公司职位需求有要会的。所以呢。学习LESS，SASS就在学习计划中了。　... 阅读全文
posted @ 2015-07-01 14:15 王麦曦 阅读(2221) 评论(0) 推荐(1)
写手机页面的准备工作
摘要：(这篇可能与你想要找的东西更接近一些）：手机端html页面制作需要了解的东西集合首先页面中单位不再是用 px来写，而是em。其次，medioadaption.css是需要的，这里是一个例子@media screen and (min-width:1080px){html,body{ font-siz... 阅读全文
posted @ 2015-06-05 11:36 王麦曦 阅读(235) 评论(0) 推荐(0)
CSS中的EM属性-弹性布局
摘要：使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的 东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望 对童子们有些许... 阅读全文
posted @ 2015-05-29 10:38 王麦曦 阅读(719) 评论(0) 推荐(0)