css设置高度为宽度的百分之多少
摘要：html <div class="banner"> <div> </div> </div> css .banner{ width: 100%; padding-bottom: 100%; position: relative; } .banner div{ background: red; widt
阅读全文
posted @
2021-04-14 10:51
鱼塘总裁
阅读(848)
推荐(1) 编辑
CSS设置文本超出隐藏
摘要：单行实现文本溢出显示省略号： span{ white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/ }双行实现文本溢出显示省略号： span{ displ
阅读全文
posted @
2021-04-14 10:00
鱼塘总裁
阅读(2118)
推荐(0) 编辑
CSS去除表单的默认样式，去除文本框小蓝框，去除文本框小红框，去除多行文本框拖拽
摘要：CSS去除表单的默认样式； 去除文本框小蓝框； 去除文本框小红框； 去除多行文本框拖拽； /*去除*/ input{ border-radius: 0; } /*去除Chrome等浏览器文本框默认发光边框*/ input:focus, textarea:focus { outline: none;
阅读全文
posted @
2020-11-26 10:33
鱼塘总裁
阅读(583)
推荐(0) 编辑
CSS选中元素后第5个（按规律的第5个），每隔5个就选中
摘要：CSS选中元素后第5个（按规律的第5个），每隔5个就选中 .install_app_list li:nth-child(5n+5){ margin-right:0; } CSS选中元素后第2个（按规律的第2个），每隔2个就选中 .install_app_list li:nth-child(2n+2)
阅读全文
posted @
2020-10-30 12:34
鱼塘总裁
阅读(1771)
推荐(1) 编辑
css去色、节日去色、CSS灰度100%
摘要：css去色、节日去色、CSS灰度100% /* * css节日去色 */ html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} css给网站整体
阅读全文
posted @
2020-04-03 16:26
鱼塘总裁
阅读(761)
推荐(0) 编辑
CSS一行显示，显示不下的用省略号显示
摘要：CSS一行显示，显示不下的用省略号显示 复制上面代码即可。
阅读全文
posted @
2019-08-05 17:00
鱼塘总裁
阅读(10271)
推荐(0) 编辑
CSS visibility 属性 使元素占位，但不可见
摘要：CSS visibility 属性 使元素占位，但不可见 浏览器支持 所有主流浏览器都支持 visibility 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持 "inherit" 和 "collapse" 属性值。 定义和用法 visibility 属性规
阅读全文
posted @
2018-02-07 09:51
鱼塘总裁
阅读(3877)
推荐(0) 编辑
CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除
摘要：CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除 实例： 注意，减号，左右必须打空格，否则不生效。 calc用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行
阅读全文
posted @
2018-02-04 10:18
鱼塘总裁
阅读(9479)
推荐(1) 编辑
css3如何让div一直循环自转圈，附带：网络请求通知图片一直在转圈实例
摘要：css3如何让div一直循环自转圈 代码如下： 效果如下： 以上效果图，是一个《网络请求通知》实例，一直在转圈的实例，实例代码如下： 《网络请求通知图片一直在转圈实例》 CSS： HTML：
阅读全文
posted @
2018-01-31 01:25
鱼塘总裁
阅读(1199)
推荐(0) 编辑
css3的calc() css3的百分比减宽,减高,加,乘,除，适合用于后台的排版定位
摘要：css3的calc() css3的百分比减宽,减高,加,乘,除，适合用于后台的排版定位 浏览器支持IE9+、FF4.0+、Chrome19+、Safari6+ calc()语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示： 这样padding和marg
阅读全文
posted @
2017-12-28 10:56
鱼塘总裁
阅读(2961)
推荐(2) 编辑
css3 hover平滑过渡效果，鼠标经过元素，背景渐隐渐现效果
摘要：下面实例，演示，鼠标经过时，改变div宽度，平滑改变，带动画 transition:颜色 变换延续的时间 变换速率 transition:background-color 0.3s linear 变换速率： 1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.2
阅读全文
posted @
2017-05-05 12:58
鱼塘总裁
阅读(2310)
推荐(1) 编辑
css3 位置选择器 类似jq的:eq(0)
摘要：JQ使用 :eq(位置)，可以选择第几个元素 CSS3里面新增了一个用法，:nth-child(位置) 可实现和JQ同样的功能 需要注意的是jq第一个是从0开始，CSS的第一个是从1开始
阅读全文
posted @
2017-04-10 21:38
鱼塘总裁
阅读(4984)
推荐(0) 编辑
CSS3图片缩放
摘要：鼠标指上去，图片放大，鼠标离开图片恢复原样，并且有放大、缩小效果 Css代码实现：
阅读全文
posted @
2016-07-05 09:33
鱼塘总裁
阅读(279)
推荐(0) 编辑
css如何让表格table的边框为1像素呢
摘要：在Html中使用table是网页制作中必不可缺的一部分，如果直接给css设置table里面的td边框为1像素的话，那么实际我们从网页上看到的效果却不是1像素。那么我们怎么用css让table的边框为1像素呢？其实很简单，给table使用css样式 border-collapse: collapse;...
阅读全文
posted @
2015-05-20 21:36
鱼塘总裁
阅读(6285)
推荐(0) 编辑
CSS媒体查询，CSS根据不同的分辨率显示不同的样式
摘要：在写响应式网页的时候，我们需要网页有几种显示方式，我们可以用CSS实现这个功能 使用CSS提供的媒体查询，我们可以根据屏幕分辨率来使用相应的CSS样式
阅读全文
posted @
2015-05-06 09:08
鱼塘总裁
阅读(2902)
推荐(0) 编辑
css针对（各大浏览器、各版本）调兼容
摘要：ie6\ie7\firefox之下各自识别的CSS符号#1 { color: #333; } /* firefox */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色...
阅读全文
posted @
2015-04-27 13:00
鱼塘总裁
阅读(798)
推荐(0) 编辑
CSS根据屏幕分辨率应用相应样式
摘要：当屏幕尺寸小于1200px时，应用下面的CSS样式@media screen and (max-width: 1200px) { /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/ .index_pic_group,.index_supertv,.index_tvcontent,.index...
阅读全文
posted @
2015-04-27 12:45
鱼塘总裁
阅读(1058)
推荐(0) 编辑
