文章分类 -  CSS总结

归纳总结一些常用的CSS样式方法
摘要:1. AniJS.js 基于 CSS3 的动画库 2. Velocity.js Velocity 是一个简单易用、高性能、功能丰富的轻量级 JS 动画库。它能和 jQuery 完美协作,并和 $.animate() 有相同的 API, 但它不依赖 jQuery,可单独使用 3. vivus.js V 阅读全文
posted @ 2018-04-18 19:44 沐少白 阅读(358) 评论(0) 推荐(0)
摘要:开始的时候是在上面的, 由于继承问题所以UI用的fixed,而中奖名单这个h3因为没有定位获取才导致这个问题,于是价格position:relative;就好使了。 笔者也不知道具体是怎么解释。。 阅读全文
posted @ 2017-06-13 08:56 沐少白 阅读(332) 评论(0) 推荐(0)
摘要:<input type="number" name="multiple" value="1" class="modal_input" min="1" max="100000"/> 阅读全文
posted @ 2017-04-07 11:29 沐少白 阅读(17792) 评论(0) 推荐(0)
摘要:http://code.ciaoca.com/style/cssfont2unicode/ 阅读全文
posted @ 2017-04-07 09:25 沐少白 阅读(96) 评论(0) 推荐(0)
摘要:.css{ /*防止溢出*/ overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/width: 20em;/*不允许出现半汉字截断*/ } 各种粘贴复制有木有 阅读全文
posted @ 2017-04-06 09:54 沐少白 阅读(130) 评论(0) 推荐(0)
摘要:.search .close { border-width: 6px; border-color: #fe6601; border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: t 阅读全文
posted @ 2017-03-29 15:58 沐少白 阅读(167) 评论(0) 推荐(0)
摘要:首先不需要用jquery定义鼠标,css里面就有。语法cursor:url(你自己的路径),auto;url里面是你自己的路径,auto实际上是后面需要跟的标准样式。浏览器会先加载你设定路径的样式,如果没有则加载auto这里你自定义的。auto,default等等都可以。语法很简单,但用起来不简单。 阅读全文
posted @ 2017-02-06 08:43 沐少白 阅读(668) 评论(0) 推荐(0)
摘要:CSS里使BODY的背景图片固定不动内容滚动:style="background-attachment: fixed" 例子解析: body { background-image: url(images/dbg.jpg); background-repeat: no-repeat; font-fam 阅读全文
posted @ 2016-11-17 12:06 沐少白 阅读(2555) 评论(0) 推荐(0)
摘要:默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐,接下来为大家详细介绍下设置各对象的vertical-align属性,感兴趣的朋友可以参考下哈 文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐。 设置 阅读全文
posted @ 2016-11-12 18:52 沐少白 阅读(1735) 评论(0) 推荐(0)
摘要:打开百度,Google首页就可以直接输入文字,打开163邮件首页就可以输入用户名密码,用户不需要再用鼠标点击选中输入文本框,就可以直接输入内容了。这个看似很简单其实也很简单的地方被很多网站所忽视,在很多需要注册、登录、搜索信息等网页中输入文本框的地方都需要移动鼠标选中才行。很多网站用户体验的提升就是 阅读全文
posted @ 2016-11-10 16:44 沐少白 阅读(1621) 评论(0) 推荐(0)
摘要:CSS常用的引入方式: 1.利用link:<link href="./css/xx.css" rel="stylesheet"> 2.利用import嵌入CSS的文件内引入:@import url(./css/xx.css); 两者的区别: 1、link可以引入其他类型文件,import只能引入CS 阅读全文
posted @ 2016-11-09 13:42 沐少白 阅读(108) 评论(0) 推荐(0)
摘要:定位分为四种: 绝对定位:position:absolute; 居中方法:left:50%;top:50%;margin-top:盒子高的一半;margin-left:盒子宽的一半; 相对定位:position:relative; 居中方法:left:50%;margin-top:盒子高的一半;ma 阅读全文
posted @ 2016-11-09 13:32 沐少白 阅读(98) 评论(0) 推荐(0)
摘要:盒子模型有两种: 一、w3c的盒模型 它是浏览器默认的盒模型。默认代码值,box-sizing:content-box; 它的border和padding不占用content的实际宽高。 二、IE盒模型 它是微软定义的,在IE6中微软还是利用了W3C的盒模型 IE7用的是IE盒模型,个人认为IE盒模 阅读全文
posted @ 2016-11-09 12:59 沐少白 阅读(2886) 评论(0) 推荐(0)