随笔分类 -  css3

多行文本溢出显示省略号
摘要：单行文本显示省略号 多行文本显示省略号 阅读全文
posted @ 2016-04-14 20:19 月落无声 阅读(206) 评论(0) 推荐(0)
移动端rem处理字体的js代码
摘要：(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function 阅读全文
posted @ 2016-01-28 14:03 月落无声 阅读(345) 评论(0) 推荐(0)
移动端重置浏览器默认样式代码
摘要：字体单位：rem@charset "utf-8";/* *create by chengkun 19/9/2015. *version 1.0. *Reset the browser default style.*//* 设置盒模型样式 */* { box-sizing: b... 阅读全文
posted @ 2015-09-19 17:44 月落无声 阅读(559) 评论(0) 推荐(0)
媒体查询的用法
摘要：@media all and (min-width:840px) //所有最小水平屏幕宽度为800像素的屏幕应用规则@media (min-width:800px) //简写方式，同上@media (min-width:800px) and (max-width:1200... 阅读全文
posted @ 2015-07-05 22:32 月落无声 阅读(1517) 评论(0) 推荐(0)
css3内容溢出属性
摘要：overflow是css2.0的属性，css3中新增了overflow-x和overflow-y属性。overflow-x主要是用来定义对水平方向内容溢出的剪切，而overflow-y主要是用来定义垂直方向的内容溢出的剪切。overflow-x/overflow-y:visible | hidden... 阅读全文
posted @ 2015-03-17 18:16 月落无声 阅读(902) 评论(0) 推荐(0)
css盒模型
摘要：css有种基础实际模式叫盒模型，定义了web页面中的元素是如何看做盒子来解析的。1、css盒模型简介 在css中主要有以下几种盒模型：inline、inline-block，block、table、absolute position、float。 浏览器把每个元素看做一个盒模型，每个盒模型是由以... 阅读全文
posted @ 2015-03-17 17:52 月落无声 阅读(250) 评论(0) 推荐(0)
css3学习笔记
摘要：1、rgba、透明度 众所周知，当给元素背景设置透明度时，元素内部的内容会继承外部元素的透明度属性，与咱们原本意愿不符，而rgba颜色模式就是未解决这个问题而生的 background:rgba(0,0,0,.3);前三个数值对应的是r(red),g(green),b(blue)构成颜色的三要素... 阅读全文
posted @ 2015-03-17 11:43 月落无声 阅读(311) 评论(0) 推荐(0)
div垂直居中的问题
摘要：工作和面试时常常会遇到怎么设置div垂直居中与浏览器中：包括固定宽高和不固定宽高的1、固定宽高的div垂直居中 宽高固定的div很容易设置让其垂直居中 固定宽高的div垂直居中.center { width:500px; height:300px; position:abs... 阅读全文
posted @ 2015-03-16 18:37 月落无声 阅读(247) 评论(0) 推荐(0)