随笔分类 -  css

css学习
sticky-footer布局
摘要：使用场景：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送 阅读全文
posted @ 2018-10-24 14:55 亦心晗 阅读(133) 评论(0) 推荐(0) 编辑
border-1px的实现（stylus）
摘要：当样式像素一定时,因手机有320px,640px等.各自的缩放比差异,所以设备显示像素就会有1Npx，2Npx.为保设计稿还原度,解决就是用media + scale. 阅读全文
posted @ 2018-10-24 14:28 亦心晗 阅读(1270) 评论(0) 推荐(0) 编辑
css超出部分显示省略号
摘要：单行文本 Document 去年的五月正是我在北平吃青杏的季节，今年的五月我生活的痛苦真是有如青杏般苦涩。 Document 去年的五月正是我在北平吃青杏的季节，今年的五月我生活的痛苦真是有如青杏般苦涩。 ... 阅读全文
posted @ 2018-10-23 14:45 亦心晗 阅读(614) 评论(0) 推荐(0) 编辑
动画导航栏
摘要：圆角水平菜单 首页 新闻快讯 产品展示 售后服务 联系我们 阅读全文
posted @ 2017-11-10 10:09 亦心晗 阅读(343) 评论(0) 推荐(0) 编辑
css3动画效果
摘要：1.背景颜色变换 2.幽灵浮动效果 3.预加载动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc 阅读全文
posted @ 2017-10-12 16:52 亦心晗 阅读(196) 评论(0) 推荐(0) 编辑
自定义checkbox样式
摘要：在项目中经常会使用到checkbox复选框，但是浏览器自带的checkbox样式往往不那么好看，而且不同浏览器效果不一样，为了美化和统一视觉需求。我们需要自定义checkbox样式。 1.纯css实现 原理：纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体 阅读全文
posted @ 2017-08-17 11:14 亦心晗 阅读(3235) 评论(0) 推荐(0) 编辑
自定义select样式
摘要：在做项目中常常会使用到select下拉框，UI设计的下拉框一般比默认的好看，然而select的默认样式却修改不了，下面就介绍一下自定义的下拉框： 1.使用纯css自定义下拉框的样式 原理：将默认的样式清除，自定义样式，然后设置背景箭头图片 html代码： css代码： 效果图： 阅读全文
posted @ 2017-08-15 09:51 亦心晗 阅读(6180) 评论(0) 推荐(0) 编辑
css面试题
摘要：1.盒子垂直居中的方法 2.CSS实现首尾高度固定、中间高度自适应的DIV布局 阅读全文
posted @ 2017-08-07 13:54 亦心晗 阅读(134) 评论(0) 推荐(0) 编辑
css为tbody或者li奇数偶数行样式
摘要：序号 姓名 性别 1 张三 男 1 李四 男 </table 阅读全文
posted @ 2017-07-21 15:21 亦心晗 阅读(731) 评论(0) 推荐(0) 编辑