随笔分类 -  CSS

css :not()选择器使用
摘要：前言：这是一个vue的项目，引入了一个reset.css，重写了几乎所有标签的默认样式。项目中需要渲染富文本，里面包含了很多标签，例如：<h1>这是一个大标题</h1>，这个时候使用v-html标签展示出来的h1标签的样式已经被reset.css修改了。 思路：一、想到在v-html上添加class 阅读全文
posted @ 2021-08-20 16:59 大耳朵小虎 阅读(1025) 评论(0) 推荐(0)
8. 禁止复制
摘要：当页面内容不容许别人复制时候 阅读全文
posted @ 2018-10-24 10:03 大耳朵小虎 阅读(92) 评论(0) 推荐(0)
8. 滚动条美化
摘要：怎么改变原始丑陋的滚动条呢？ 阅读全文
posted @ 2018-08-20 11:32 大耳朵小虎 阅读(135) 评论(0) 推荐(0)
7. 单位，移动布局
摘要：1.）在移动端布局时，需要一个全屏的高度，可以设置为：100vh 2.）iphone6（375 x 667）来设计，基准值为100。 document.documentElement.style.fontSize = document.documentElement.clientWidth / 3. 阅读全文
posted @ 2018-08-19 08:09 大耳朵小虎 阅读(128) 评论(0) 推荐(0)
6. 移动端滚动穿透亲测有效
摘要：1. CSS） 2. JS） 阅读全文
posted @ 2018-03-14 11:42 大耳朵小虎 阅读(105) 评论(0) 推荐(0)
5. iphone 的:active样式
摘要：如果给按钮定义 :hover 样式，在 iPhone 上按钮点击一次是 hover 态，再点击一次 hover 态才会消失，这不是我们想要的，继而想通过定义 :active 样式来实现按钮按下时的效果，但定义的 active 样式在 iPhone 上点击时没有任何效果 只需添加一段 js 即可： d 阅读全文
posted @ 2018-03-13 16:22 大耳朵小虎 阅读(226) 评论(0) 推荐(0)
4. css事件
摘要：可通过使用css伪类实现点击元素变色的效果，两个伪类是:active, :focus :active :active选择器用于选择活动链接。当在一个链接上点击时，它就会成为活动的（激活的），:active选择器适用于所有元素，不仅限于链接a元素 :focus :focus 选择器用于选取获得焦点的元 阅读全文
posted @ 2018-03-08 15:21 大耳朵小虎 阅读(142) 评论(0) 推荐(0)
3. css百度制作字体图片
摘要：http://fontstore.baidu.com/static/editor/index.html?qq-pf-to=pcqq.group 阅读全文
posted @ 2018-03-02 16:56 大耳朵小虎 阅读(96) 评论(0) 推荐(0)
2.hover的使用
摘要：1. 自身的hover div :hover{ :hover前要有空格 } 2.hover指向子元素 father:hover .childer { :hover前不能有空格 } 3.hover指向相邻元素 .pre:hover +.nex { :hover前不能有空格 } 阅读全文
posted @ 2018-01-23 18:08 大耳朵小虎 阅读(145) 评论(0) 推荐(0)
CSS- 一些少用的
摘要：1. 字体间距 1.）word-spacing： 2.）letter-spacing: 3.）text-indent 4.）text-align-last: justify; 和 text-align: justify; 两端对齐 2.textarea textarea 标签彻底禁用拖动（推荐）re 阅读全文
posted @ 2018-01-12 18:29 大耳朵小虎 阅读(100) 评论(0) 推荐(0)