随笔分类 -  CSS

重置pc浏览器滚动条
摘要：```css /*滚动条宽度*/ ::-webkit-scrollbar { width: 8px; height: 8px; } /*拖动条*/ ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; } /*背景槽*/ ::-webkit-scrollbar-track { ba 阅读全文
posted @ 2020-04-27 10:12 平芜尽处是春山 阅读(143) 评论(0) 推荐(0)
filter 更改png图片颜色
摘要："在线根据颜色生成filter属性" 阅读全文
posted @ 2020-04-22 11:43 平芜尽处是春山 阅读(266) 评论(0) 推荐(0)
大型项目css组织和管理规范
摘要：参考资料： "https://www.ibm.com/developerworks/cn/web/1512_chengfu_bem/index.html" 阅读全文
posted @ 2020-02-07 07:58 平芜尽处是春山 阅读(341) 评论(0) 推荐(0)
H5 + CSS3响应式网页设计：入门
摘要：1、布局的响应式： 不能使用绝对尺寸 使用float使布局具有流动性，同时不易出现横向滚动条 2、字体的响应式 使用相对字体 3、图片视频等媒体资源的响应式 设置宽度max-width:100%;或者width：100%； 4、css3媒体查询的使用 响应式设计的关键是媒体查询的应用，有两种方式可以 阅读全文
posted @ 2019-06-05 23:36 平芜尽处是春山 阅读(649) 评论(0) 推荐(0)
浏览器视口
摘要：css布局受浏览器视口的限制 桌面端浏览器只有布局视口的概念 桌面端浏览器像素比 1px对应css像素为1px 移动端浏览器有布局视口、可视视口、理想视口三个概念。 通过document.documentElement.clientWidth/Height可以获得浏览器的布局视口宽口。 通过scre 阅读全文
posted @ 2019-06-05 23:11 平芜尽处是春山 阅读(597) 评论(0) 推荐(0)
css控制table间距
摘要：border-collapse: separate;border-spacing: 20px 30px; /* 水平间距 垂直间距 */ 阅读全文
posted @ 2019-04-17 14:15 平芜尽处是春山 阅读(3528) 评论(0) 推荐(0)
自定义select标签箭头样式
摘要：select::-ms-expand{ display: none; }//ie样式清除 select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("/uploadfiles/images/alliance/xiala@2x.png") no-re... 阅读全文
posted @ 2019-04-17 13:41 平芜尽处是春山 阅读(1691) 评论(0) 推荐(0)
css预编译语言sass——mixin的使用
摘要：以根据不同屏幕吃寸动态应用背景图片为例 新建一个mixin如下： 在css中的使用如下： 阅读全文
posted @ 2018-11-13 22:11 平芜尽处是春山 阅读(270) 评论(0) 推荐(0)
web字体的设置
摘要：@font-face { font-family: 'OpenSans'; src: url("../fonts/open-sans-v15-latin-regular.woff2") format('woff2'), url("../fonts/open-sans-v15-latin-regula 阅读全文
posted @ 2018-11-13 21:44 平芜尽处是春山 阅读(540) 评论(0) 推荐(0)