html css - 随笔分类 - yaomengli

摘要：<p>按下 <kbd>ctrl + p</kbd> 键打开打印窗口。</p> 阅读全文

posted @ 2018-09-13 11:33 yaomengli 阅读(174) 评论(0) 推荐(0)

摘要：/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/.scroll::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{ width: 10px; /*滚动条宽度*/ height: 10px; /*滚动条高度*/}/*定义滚动条轨道阅读全文

posted @ 2018-09-11 10:07 yaomengli 阅读(296) 评论(0) 推荐(0)

input 框改变 placeholder里面的字体颜色（控制placeholder里面的元素）去掉点击select出现的边框

摘要：.input-group input:-moz-placeholder{ font-size: 1.8rem; color: #eeeeee;} .input-group input:-ms-input-placeholder{ font-size: 1.8rem; color: #eeeeee;} 阅读全文

posted @ 2018-09-03 10:37 yaomengli 阅读(1184) 评论(0) 推荐(0)

table在火狐浏览器中td里的文字超出时不会自动换行

摘要：td{ word-wrap: break-word;word-break: break-all; }加上这两段强制换行阅读全文

posted @ 2018-08-24 10:42 yaomengli 阅读(544) 评论(0) 推荐(0)

maTe

摘要：阅读全文

posted @ 2018-08-13 09:59 yaomengli 阅读(87) 评论(0) 推荐(0)

#-webkit-autofill##google#启用表单自动填充时，如何覆盖黄色背景

摘要：#-webkit-autofill##google#启用表单自动填充时，如何覆盖黄色背景 google和opera浏览器的表单自动填充后，输入框均会变成黄色背景，黑色字体。如下图。这样的话会与网页的整体设计风格不一致,怎样自定义样式，来覆盖黄色背景。首先来看看是什么导致的，右键查看元素样式： i 阅读全文

posted @ 2018-07-27 11:07 yaomengli 阅读(307) 评论(0) 推荐(0)

纯CSS制作的图形效果

摘要：纯CSS制作的图形效果很少会有人意识到，当浏览器绘制的border，会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色，其他边框色为透明色，这样我们就很容易制作出三角形，然后改变其大小来实现不同的效果。我们一起来看一段代码： .css-arrow-mul 阅读全文

posted @ 2018-07-19 18:11 yaomengli 阅读(236) 评论(0) 推荐(0)

设置css样式背景色透明字体颜色的不透明设置select 箭头样式

摘要：background:rgba(4, 18, 50, 0.55) none repeat scroll !important; /*实现FF背景透明，文字不透明*/background:#041232; filter:Alpha(opacity=55);/*实现IE背景透明*/先隐藏箭头，然后给箭头阅读全文

posted @ 2018-06-30 16:11 yaomengli 阅读(3351) 评论(0) 推荐(0)

ul li+li 这个css选择器表示在ul中除了第一个li 其他li全部选中

摘要：这个css选择器表示在ul中除了第一个li 其他li的宽度全部设为15%ul li+li{ width:15% ; } 阅读全文

posted @ 2018-04-23 11:41 yaomengli 阅读(927) 评论(0) 推荐(0)

页面上插入flash文件

摘要：往页面上插入一个宽1919 高500的flash文件，1919/500=3.84 阅读全文

posted @ 2017-09-29 10:10 yaomengli 阅读(210) 评论(0) 推荐(0)

摘要：插入网站最上面标题旁的图标阅读全文

posted @ 2017-09-27 15:40 yaomengli 阅读(2427) 评论(0) 推荐(0)

滚动标签压缩文件下载与超链接的优化写法

摘要：阅读全文

posted @ 2017-09-25 16:52 yaomengli 阅读(229) 评论(0) 推荐(0)

鼠标悬浮某个元素对其同级之后的元素进行操作

摘要：b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{....} 附上我自己的代码： ul li a img:hover ~h3 { padding-bottom: 10px; color: #25AAFF!important; border-bottom: 2px solid 阅读全文

posted @ 2017-09-25 16:47 yaomengli 阅读(754) 评论(0) 推荐(0)

mouseenter 与mouseover的区别去抖技术

摘要：阅读全文

posted @ 2017-09-21 17:20 yaomengli 阅读(429) 评论(0) 推荐(0)

让绝对定位的元素居中

摘要：让绝对定位的元素居中(假设这个元素的宽为100px 高位40px) position:absolute; left:50%; top:50%; margin-left:-50px(元素宽的一半)； margin-top:-20px(元素高的一半)；阅读全文

posted @ 2017-09-21 13:52 yaomengli 阅读(143) 评论(0) 推荐(0)

内容超出了就隐藏超出部分的后面带（省略号）... ，如果没有超出就正常显示后面不带省略号

摘要：text-overflow: ellipsis要配合下面两个css样式使用效果是当一个固定宽的容器中（设置了 overflow:hidden 与white-space:nowrap不让超出本分换行）的内容超出了就隐藏超出部分的后面带（省略号）... ，如果没有超出就正常显示后面不带省略号阅读全文

posted @ 2017-09-21 10:58 yaomengli 阅读(482) 评论(0) 推荐(0)

jquery 获取前两个table里的每个tr里面的第二个td

摘要：jquery 获取前两个table里的每个tr里面的第二个td$("table:lt(2)>tbody>tr td:nth-child(2)) $("table:lt(2)>tbody>tr").children('td:nth-child(2)'); 阅读全文

posted @ 2017-08-24 11:21 yaomengli 阅读(2143) 评论(0) 推荐(0)

渐变背景颜色

摘要：background: -webkit-linear-gradient(top, #0e3757 42%, #022743 58%,#022743 100%); 阅读全文

posted @ 2017-08-22 14:12 yaomengli 阅读(133) 评论(0) 推荐(0)

html css

摘要：1、文字与单词间距，样式加这个：letter-spacing:20PX (这是字符与字符，对中英适用)；2、单词与单词间距，样式加这个：word-spacing :20PX (这是单词与单词)；微软雅黑字体设置其font-weigth:bold 在ie浏览器上无效果；可以试着改变其字体阅读全文

posted @ 2017-08-22 10:59 yaomengli 阅读(122) 评论(0) 推荐(0)

yaomengli

随笔分类 - html css

公告