随笔分类 -  css+html

css+html经验积累
隐藏滚动条
摘要：http://caibaojian.com/hide-scrollbar.html <style> .outer-container { position: relative; overflow: hidden; } .outer-container, .outer-container .conte 阅读全文
posted @ 2020-06-15 10:11 ladybug7 阅读(179) 评论(0) 推荐(0)
css样式重置
摘要：/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h 阅读全文
posted @ 2020-05-23 17:05 ladybug7 阅读(194) 评论(0) 推荐(0)
如何尽可能避免重定向
摘要：原文链接：https://www.cnblogs.com/zxmbest1/p/5390694.html 阅读全文
posted @ 2020-04-07 06:11 ladybug7 阅读(566) 评论(0) 推荐(0)
text-shadow知多少
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>text-shad 阅读全文
posted @ 2020-03-29 20:04 ladybug7 阅读(178) 评论(0) 推荐(0)
让动画停在最后一帧 forwards animation-fill-mode
摘要：https://www.w3school.com.cn/cssref/pr_animation-fill-mode.asp 阅读全文
posted @ 2020-03-09 16:19 ladybug7 阅读(633) 评论(0) 推荐(0)
base标签
摘要： 阅读全文
posted @ 2020-03-08 12:13 ladybug7 阅读(88) 评论(0) 推荐(0)
web标准的组成部分
摘要： 阅读全文
posted @ 2020-03-08 06:49 ladybug7 阅读(557) 评论(0) 推荐(0)
浏览器内核
摘要： 阅读全文
posted @ 2020-03-08 06:41 ladybug7 阅读(115) 评论(0) 推荐(0)
css省略号
摘要：.ellipsis{ overflow: hidden white-space: nowrap text-overflow: ellipsis } 注意当添加了ellipsis样式的元素没有显示省略号样式时，可以给元素或者其父元素添加一个min-width: 0 阅读全文
posted @ 2020-02-04 07:46 ladybug7 阅读(515) 评论(0) 推荐(0)
css怎样让元素显示指定的宽高比
摘要：.father { width: 100% } .child { width: 100%; height: 0; padding-bottom: 20%; background: green; overflow: hidden; } <body> <div class="father"> <div 阅读全文
posted @ 2020-02-03 14:11 ladybug7 阅读(222) 评论(0) 推荐(0)
iconfont使用指南
摘要：第一步：搜索icon font，进入 https://www.iconfont.cn 第二步： 注册账户 第三步： 创建一个项目 1.点击图标管理->我的项目 2.新建项目 第四步：下载选择好的图标 第五步：添加相应文件，并修改引用路径 第六步：使用字体图标 阅读全文
posted @ 2020-02-02 10:58 ladybug7 阅读(426) 评论(0) 推荐(0)
移动端一像素边框解决方案[css scale]
摘要：新建一个border.css的文件，然后将代码复制粘贴，然后引用border.css样式文件，然后给需要添加边框的元素，加相应的类样式。 tips: border-bottom[一像素下边框]；border-topbottom[上下分别添加一像素边框] @charset "utf-8"; .bord 阅读全文
posted @ 2020-02-02 10:19 ladybug7 阅读(414) 评论(0) 推荐(0)
移动端禁止缩放<meta>
摘要：<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 阅读全文
posted @ 2020-02-02 09:42 ladybug7 阅读(717) 评论(0) 推荐(0)