css

CSS不常用属性---Tips2背景

backgrounddiv{ background: red url(img.png) no-repeat scroll left top/100% border-box content-box;}对应的属性全称[background-color][background-image][background-repeat][background-attachment][

CSS Float nine rules

注:本文是对众多博客的学习和总结,可能存在理解错误。请带着怀疑的眼光,同时如果有错误希望能指出。如果你喜欢我的文章,可以关注我的私人博客:http://blog-qeesung.rhcloud.com/入门前端也算是有三个月之久了,发现Float这个属性一直都很迷惑,只是知道一些简单的浮动规则,并没有深入去学习,一旦遇到一点复杂的浮动场景,自己也就懵了。于是在网上找了数篇关

【转】【译】让你的网站更炫酷的一些小 tips

原文链接 : 101 Ways to Make Your Website More Awesome原文作者 : Nicholas Tart译文出自 : 掘金翻译计划译者 : 达仔译文链接:https://github.com/xitu/gold-miner/blob/master/TODO/101-ways-to-make-your-website-more-awesome

CSS不常用属性---Tips1文本样式

字体样式font-variant设置字体是否以小型大写字母显示。p{ font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}font字体设置简写组合方式。格式如下:[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称;p{ font: bold italic 20px 楷体;}文本样式text-decoration设

数组reduce方法的高级技巧

因为用for循环被老大鄙视之后,这几天都在偷偷摸摸的研究数组的那几个迭代方法。使用下来,感觉确实妙用无穷,仿佛自己的逼格在无形中变得高大了一点点,哈哈,上一篇文章的简单介绍确实有点糙,因此决定重新一些总结文章。这篇文章就是专门总结reduce方法的,这个方法大有可研究的地方,值得大家get它并去同手实践一下。上一篇文章我认为reduce是一个聚合或者减少方法,它可以将数组中

CSS:区别 p、em、rem

有何区别px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小;em 的值并不是固定的,会继承父级元素的字体大小,代表倍数;rem 的值并不是固定的,始终是基于根元素 的,也代表倍数。emem 的使用是相对于其父级的字体大小的,即倍数。浏览器的默认字体高都是 16px,未经调整的浏览器显示 1em = 16px。但是有一个问题,如果设置 1.2em 则变成 19

js 遮罩效果

-------------------------------tipswindown.js------------------------------///-------------------------------------------------------------------------//jQuery弹出窗口 By Await [2009-11-22]//-

CSS 布局:position

点击链接预览:CODEPEN 参考:cssnext 演示你对Position的了解程度有多少?HTML和CSS高级指南之二——定位详解html 部分: Tabs PostCSS 部分(使用pluins:postcss-cssnext): :root {--r: 50px;--height: calc(2*var(--r));--w: 10px; }.tabs {width:

巧用SASS之如何遍历n个子元素并为其设置属性

最近在新项目中引入了 SASS 来编写样式代码,心想既然用到了这种高端货,就要用得巧用得妙,不能单纯地只是把常用属性定义成变量或定义重用的代码块等等。因此在编写样式时,都要时刻提醒自己是不是可以巧用SASS来解决一些问题。这次遇到的需求是, 里有7个重复的 1. ,这7个 需要应用7中不同颜色的 background-color ,需求很简单,如下是简易的效果图。针对这