随笔分类 -  css

CSS3过渡(transition)-圆球随鼠标点击而移动
摘要:另外,可对事件进行监听: el.addEventListener("webkitTransitionEnd",updateTransition,true); 阅读全文

posted @ 2017-04-06 22:44 周裕涛 阅读(1884) 评论(0) 推荐(0)

负margin-双飞翼布局
摘要:优点,优先加载mian区域的内容,中间区域可根据屏幕尺寸变化自动伸缩,左右两栏则固定布局。 阅读全文

posted @ 2017-04-06 20:27 周裕涛 阅读(213) 评论(0) 推荐(0)

画三角形和画半圆
摘要:一.画三角形 二.画半圆形 阅读全文

posted @ 2017-04-05 15:02 周裕涛 阅读(324) 评论(0) 推荐(0)

CSS中外边距重叠的问题
摘要:相邻的两个或多个外边距会合并成一个外边距,当同为正的,取最大的外边距,当有正负时,取最小的外边距加上最大的外边距,这里的相邻指的是外边距的相邻: 阅读全文

posted @ 2017-04-05 01:05 周裕涛 阅读(596) 评论(0) 推荐(0)

web开发字体设置
摘要:em:父元素的font-size为相对单位; rem:html的font-size为相对单位; 为了解决rem在进行单位换算上的麻烦问题,给大家介绍个使用rem的小方法,设置html字体大小为font-size:62.5%;然后使用rem的时候就更好用了,比如1.2rem=12px,1.4rem=1 阅读全文

posted @ 2017-04-01 19:23 周裕涛 阅读(373) 评论(0) 推荐(0)

移动WEB特别样式处理
摘要:一.高清图片 二.1像素边框 阅读全文

posted @ 2017-04-01 15:37 周裕涛 阅读(153) 评论(0) 推荐(0)

移动开发像素知识
摘要:一.像素知识 px(pixels):CSS逻辑像素,浏览器使用抽象单位; dp(device independent pixels):设备无关元素;是开发写layout的时候使用的尺寸单位,sp是开发写layout时关于字体的字号单位,且dp与sp总为1:1关系。 dpr:devicePixelRa 阅读全文

posted @ 2017-04-01 15:33 周裕涛 阅读(158) 评论(0) 推荐(0)

Flex布局
摘要:1.父级元素定义:display: -webkit-flex; 2.flex-direction; /*default*/:默认为row,既父元素内每个元素横向排列,高度填充完父元素高度;当设为column时既垂直排列;row-reverse和column-reverse则排列顺序相反; 3.web 阅读全文

posted @ 2017-04-01 14:00 周裕涛 阅读(210) 评论(0) 推荐(0)

获取CSS样式
摘要:行内样式: 阅读全文

posted @ 2017-03-12 20:51 周裕涛 阅读(197) 评论(0) 推荐(0)

导航