随笔分类 -  css

css布局；css使用技巧
CSS 开发的 一些调试技巧DevTools(谷歌)
摘要：1.通过CSS选择器搜索元素 你也许知道你可以用内置功能（CTRL + F 或者 CMD + F）在 Elements 面板搜索一个元素。但注意看 “find” 栏,如下图： 正如我在截图中指出的那样，你可以通过字符串、选择器以及 XPath 寻找元素。之前我一直都在使用字符串，直到最近我才意识到我 阅读全文
posted @ 2019-12-04 18:49 星雨，恒奋斗，过客 阅读(632) 评论(0) 推荐(0)
css换行的方法
摘要：1.英文自动换行 .css{ word-wrap: break-word; word-break: normal; } 2.强制英文单词断行 .css{word-break:break-all; } 3.一行文字超出，出现省略号 css{ } 4.三行文字超出，出现省略号 css{ } 阅读全文
posted @ 2019-09-02 21:21 星雨，恒奋斗，过客 阅读(402) 评论(0) 推荐(0)
css--兼容写法整理
摘要：1.透明度 .btn{ opacity:0.5; filter:alpha(opacity=50); //filter 过滤器 兼容IE678 } 2.css3的属性的兼容写法： 阅读全文
posted @ 2019-08-13 17:02 星雨，恒奋斗，过客 阅读(126) 评论(0) 推荐(0)
按钮的有趣特效
摘要：1.上下滑动特效 代码结构： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .btns { width: 200px; height: 30px; margin: 阅读全文
posted @ 2019-08-03 18:19 星雨，恒奋斗，过客 阅读(531) 评论(0) 推荐(0)
css垂直居中的方法
摘要：1.绝对定位+margin负值 html结构： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .box{position:absolute;width:100px;height:200px;le 阅读全文
posted @ 2019-07-27 19:46 星雨，恒奋斗，过客