随笔分类 -  CSS3

摘要:word-wrap: break-word; word-break: break-all; white-space: pre-wrap; 阅读全文
posted @ 2020-04-18 15:52 一半人生 阅读(688) 评论(0) 推荐(0) 编辑
摘要:复选框自定义样式input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #fff; border: 0.05rem solid #CCC !important; - 阅读全文
posted @ 2020-03-24 13:17 一半人生 阅读(196) 评论(0) 推荐(0) 编辑
摘要:(1)前提:html页面 ,手机端, (2)问题一: 在iphone上(貌似是9以后。。),给div/span/...等元素上加onclick事件,根本不起作用,这是为啥捏? -- 在元素上加 cursor:pointer; 添加上后,系统会默认为这是一个可点击的元素。 1 cursor:point 阅读全文
posted @ 2019-09-07 17:25 一半人生 阅读(1547) 评论(0) 推荐(0) 编辑
摘要:/* 提示信息 */ .content-tishi{ width: 6.93rem; margin: 0 auto; background: #e9eaea; display: flex; flex-direction: column; margin-top: 0.55rem; padding: 0.3rem 0.32rem 0.31rem 0.32rem; border-radius: 0.1r 阅读全文
posted @ 2019-08-22 11:12 一半人生 阅读(209) 评论(0) 推荐(0) 编辑
摘要:.box{ 子级 position: relative; width: 300px; height: 400px; display: flex; justify-content: center; align-content: center; background: #1B6D85; } .box:: 阅读全文
posted @ 2019-08-19 11:35 一半人生 阅读(252) 评论(0) 推荐(0) 编辑
摘要:html,body{ margin: 0; padding: 0; height: 100%; width: 100%; background: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad); background-s 阅读全文
posted @ 2019-08-19 10:19 一半人生 阅读(260) 评论(0) 推荐(0) 编辑
摘要::nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型,除了<h>标签。 n 可以是数字、关键词或公式 例子一 <!DOCTYPE html> <html> <head> <style> p:nth-child(2) { background:pink; } </sty 阅读全文
posted @ 2019-08-08 11:11 一半人生 阅读(1764) 评论(0) 推荐(0) 编辑
摘要:官方解释: [attribute^=value],a[src^="https"],选择其 src 属性值以 "https" 开头的每个 <a> 元素。 最低要求:css3 [attribute*=value],a[src*="abc"],选择其 src 属性中包含 "abc" 子串的每个 <a> 元 阅读全文
posted @ 2019-08-08 11:01 一半人生 阅读(126) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示