随笔分类 -  css

css以及css3
ul li 实现层级列表显示
摘要：实现效果如下： 实现要求具体如下： 1.标题有序号 上图标记1 2.标题下面的子集标题要有一定的缩进，且子集标题也有一定的序号，上图标记 2 3.如果子集标题内容过长，换行的时，开始的位置不能超过对应序号的位置，如上图标记3 dom: css: 注意部分：ol 的padding值不能少 否则如图： 阅读全文
posted @ 2018-06-08 14:51 adouwt 阅读(4059) 评论(0) 推荐(0)
css 模拟radio的样式
摘要：1、input 默认的 type 为 radio的样式，在具体场合中的改造 默认的样式这样： 但是我要这样的： 这样看来是不是比原来的好看多了。 2、优化radio的样式 这个是vue的一个例子，点击一个元素给它追加一个class。当然这个不是重点，重点是 红色部分，我们需要对红色部分进行css描述 阅读全文
posted @ 2018-05-22 17:36 adouwt 阅读(2722) 评论(0) 推荐(0)
js 常用的工具函数
摘要：1 类型判断 2. Date 3. Array 4. String 字符串操作 5. Number 6. Http 7. DOM 8. Storage 储存操作 9. Other 其它操作 CSS 1. pc-reset PC样式初始化 2. Phone-reset 3. 公共样式提取 阅读全文
posted @ 2018-02-26 14:35 adouwt 阅读(609) 评论(0) 推荐(0)
css loading
摘要：css 效果如下： 更多loading: https://www.qianduan.net/free-html5-css3-loaders-preloaders/ 阅读全文
posted @ 2017-12-13 15:32 adouwt 阅读(189) 评论(0) 推荐(0)
css的常用效果总结
摘要：1.模糊遮罩效率，模糊滤镜效果 -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); 2.渐变 background:-mo 阅读全文
posted @ 2017-11-29 10:10 adouwt 阅读(159) 评论(0) 推荐(0)
css-翻页
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2017-11-06 09:25 adouwt 阅读(154) 评论(0) 推荐(0)
多行文本文字过多显示 ...
摘要：这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。 具体例子可以查看http://www.css88.com/webkit/-webkit-line-clamp/ 推荐链接：http://www.css88.com/archives/5206 阅读全文
posted @ 2017-08-22 14:47 adouwt 阅读(144) 评论(0) 推荐(0)
模拟摩天轮的效果
摘要：纯CSS3模拟摩天轮效果 阅读全文
posted @ 2017-08-18 16:43 adouwt 阅读(210) 评论(0) 推荐(0)
html的布局demo
摘要：header section footer 都是水平，垂直居中，文本内容居中 section的高度是根据文本内容自适应的，footer会一直在最下面 阅读全文
posted @ 2017-06-09 15:05 adouwt 阅读(405) 评论(0) 推荐(0)
htm的常见布局
摘要：布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法：水平居中，垂直居中， 2.单列布局 3.二列&三列布局： 阅读全文
posted @ 2017-06-09 10:26 adouwt 阅读(316) 评论(0) 推荐(0)
关于背景图片的处理
摘要：背景图片的处理主要的讲一下的属性 background-size: cover／contain;／／剪切 以外面的容器大小为准开始剪切 ／／图片多大显示多大 background-position: center center; ／／显示中心 background-image: url(../img 阅读全文
posted @ 2017-05-23 21:29 adouwt 阅读(332) 评论(0) 推荐(0)
css效果文字多了就...
摘要：开发中经常会遇见这样的问题，一段文字或者一段标题过长了，就让超出长度的部分益...替换。具体怎么做的呢？直接上代码： 最重要的熟悉就是上述代码高亮的部分，text-overflow 还有其他的属性，参考这里：http://www.w3school.com.cn/cssref/pr_text-over 阅读全文
posted @ 2017-03-17 21:22 adouwt 阅读(414) 评论(0) 推荐(0)
css写的常见图形
摘要：以上就是一个对话框，小角的颜色可随意换 一直都没有为css的分类写点东西，今天找了一些资料来写一写这个css的常见图形，开发中会用到的哦！ 从最简单的正方形说： 长方形： 圆： 椭圆： 上三角： 下三角： 左三角： 右三角： 左上三角： 右上三角： 右下三角： 左小三角： 梯形： 还有一个对话框： 阅读全文
posted @ 2017-03-01 21:41 adouwt 阅读(2263) 评论(0) 推荐(0)
“”开天眼“”，天地分割效果
摘要：每日一句：Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. (源于：nodejs的官网) 翻译：nodejs使用了事件驱动，非阻塞I/o的模型，这些模型是的它运行 阅读全文
posted @ 2017-02-16 23:37 adouwt 阅读(313) 评论(0) 推荐(0)