随笔分类 - CSS
摘要：添加样式： td{mso-number-format:"\@"; }
阅读全文
摘要：所以你学会了基础的id，类和后代选择符，然后你就一直用它们了吗？如果是这样，你丢失了（css的）巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分，因此，只有在现代浏览器中才可使用。 1.* * { margin: 0; padding: 0; } 对于初学者，在学习更多高级选择器之前，
阅读全文
摘要：height: height,//"20px" "line-height": height, autosize:true, "text-align": 'center',
阅读全文
摘要：window.getComputedStyle(el,':after')[attrName] 三、对象3.1 Object对象（1）生成实例对象var o = new Object()（2）属性Object.prototype //返回原型对象（3）方法Object.keys(o) //遍历对象的可
阅读全文
摘要：1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率；使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快；内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件；容易维护、改版方便，不需要变动页面内容；提供打印版本而不需要复制内
阅读全文
摘要：[selector] { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape *
阅读全文
摘要：.clamp{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} HTml <PRE class="brush
阅读全文
摘要：css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background
阅读全文
摘要：$(function(){ var pic_X=$('.list').offset().left; var pic_Y=$('.list').offset().top; var pic_W=$('.list').width()/2; var pic_H=$('.list').height()/2;
阅读全文
摘要：css是一个很强大的东西，很多网页效果，我们可以通过css直接实现。今天给大家分享的是一个用css实现的圆角带箭头的提示框。 效果如下图： 这一个样式主要涉及到了css的边框样式border的运用和定位样式position。 实现代码： <!DOCTYPE html><html lang="en">
阅读全文
摘要：IE是最早提供滚动条的样式支持，好多年了，但是其它浏览器一直没有支持，IE独孤求败了。 这些样式规则很简单： •scrollbar-arrow-color: color; /*三角箭头的颜色*/ •scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）
阅读全文
摘要：Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。 滚动条的组成： ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能上
阅读全文
摘要：webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-scrol
阅读全文
摘要：基于webkit的浏览器现在也可以自定义其样式： ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-b
阅读全文
摘要：可以通过调整CSS的方式，来给滚动条换色。 代码如下： .uicss-cn{ height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; scrollbar-highli
阅读全文
摘要：代码如下: div { scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #6c6c90; scrollbar-shadow-color: #fcfcfc; scrollbar-3dlight-color: #fcfcfc; scro
阅读全文
摘要：*{ margin:0; padding:0; list-style-type:none;/*手动清楚空隙*/ font-size:12px; font-family:"微软雅黑"}.searchbox { width:520px; height:80px; margin:40px auto 0 a
阅读全文
摘要：web中用纯CSS实现筛选菜单 本文我们来用纯css实现像淘宝宝贝筛选菜单那样的效果，例子虽然没有淘宝那样强大，不过原理差不多，如果花点心思也可以实现和淘宝一样的。 内容过滤是一个在Web上常见的一个功能，特别是在电商网站，为了让用户过滤内容，仅显示符合自己的要求的内容。截个图来说，能更好的说明这样
阅读全文
摘要：CSS自动控制图片大小的代码 有很多朋友会发现本站的文章中的图片如果图片比较大你会发现图片自动隐藏了并且有一部份看不到了，那么我们下面就来给大家介绍利用CSS自动控制图片大小吧，有需要了解的朋友可进入参考。 Css防止图片尺寸过大 添加如下CSS： 代码如下 复制代码 img { max-width
阅读全文
