随笔分类 -  css

摘要:/* normalize.css */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside, footer, header, nav, section { d 阅读全文
posted @ 2019-09-08 02:31 魔都叛徒 阅读(184) 评论(0) 推荐(0)
摘要:html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 阅读全文
posted @ 2019-09-08 02:30 魔都叛徒 阅读(395) 评论(0) 推荐(0)
摘要:1.css hover滑入滑出效果 阅读全文
posted @ 2019-03-14 10:35 魔都叛徒 阅读(172) 评论(0) 推荐(0)
摘要:一.em单位:相对单位,相对于父级大小. css样式: 效果: 父级的大小是子级的一半 二.rem:绝对单位,都是相对于基准值(html标签的font-size的值大小); 代码: css样式: 效果: 字体第一行没有设置.自己大小.按照我们在html中设置的为24.下面两个都为24*2rem=48 阅读全文
posted @ 2017-07-20 19:29 魔都叛徒 阅读(292) 评论(0) 推荐(0)
摘要:主体部分: 最外面的div是这个大风车的框,里面的四个div是4半圆的样式框架, 通过旋转#car到达大风车旋转的效果 样式部分: 阅读全文
posted @ 2017-07-20 14:07 魔都叛徒 阅读(610) 评论(0) 推荐(0)
摘要:通过css的动画属性实现轮播图的显示效果 代码如下: 主体部分: div作为视窗位置和大小 ul和li作为布局的样式定位到div视窗位置 最后一张图片起到衔接和无缝过渡的效果 css样式部分: 如有不足,虚心请教 阅读全文
posted @ 2017-07-20 13:30 魔都叛徒 阅读(624) 评论(0) 推荐(0)
摘要:主体只有一个div 样式部分(测试:目前的浏览器还是需要加前缀才能兼容) 如有不足之处,请广提意见,诚恳学习. 阅读全文
posted @ 2017-07-20 00:30 魔都叛徒 阅读(1174) 评论(0) 推荐(0)