1. <<CSS揭秘>>摘录 2017-11-22

    Lea Verou著CSS魔法译的<<CSS揭秘>>是一部不错的CSS技巧书籍。本文简单摘录一些示例和技巧。 背景和边框 1. 半透明边框 (http://play.csssecrets.io/translucent-borders) border: 10px solid hsla(0,0%,100%,.5); background:white; background-clip:padding-box; 2.多重边框 (http://pla ...

    阅读全文
  2.         ...

    阅读全文
  3. 2*泉林本色(39.9)+1*清风纯水(42.9) + 3*妙洁垃圾袋(8.9)+1*泉林本色卫生卷纸(49.8)=199.2 -100(满188减100的券)=应付99.2元(正好免运费)四箱三袋           ...

    阅读全文
  4. 如何获取SSL log 2017-11-07
    425 0

    如何debug SSL通信信息? 设置: -Dssl.debug=true -Dweblogic.StdoutDebugEnabled=true -Djavax.net.debug=all ...

    阅读全文
  5. 今年双十一京东图书节活动力度挺大。正好把购物车里的书单清一清。300大洋搞定原先要900大洋的货!!!   ...

    阅读全文
  6. 555 0

    “亮哥牌卤水”的具体做法,还是得反复研究,每一个环节都不能出错。下面我们再来回顾一下这个可以卤天卤地的卤水做法: 香叶15片,草寇20粒,陈皮4-5片。 先用葱姜蒜爆炒,制作卤水底油,再捞出葱姜蒜,加入冰糖不停搅拌。 然后再倒入酱油、倒入料酒,再把炒好的底料倒入酱汁中。 再加入一锅水,倒入2/3的啤酒,差不多就大功告成了。 有了这个卤水,能让人胃口大开,白 ...

    阅读全文
  7. 如何通过css来实现紧贴底部的页脚 在网页设计时存在一个非常常见的问题:一个块级样式的页脚,常常设置了特定的背景,当页面内容足够长的时候它一切正常。而当页面内容比较短的时候就会出现问题。此时的问题就是页脚不能像期望中的那样“贴紧”视口的最底部,而是紧跟在内容的下方。(悬在页面中间)。 问题的关键是页面内容的高度是动态的,不同页面高度是不一样的。通过js来计算解决不是我们期望的。在css3之前都咩有很好的解决方案。大部分解决方案都是给页脚设计一个固定的高度,然后 ...

    阅读全文
  8. 本文收集了一些css3示例网站。 这些网站有: https://1stwebdesigner.com/css-effects/ https://tympanus.net/Tutorials/SwatchBook/index5.html https://nettuts.s3.amazonaws.com/771_sticky/step5.html https://designmodo.com/demo/interactivegraph/ https://ty ...

    阅读全文
  9.  本文收集了CSS实现的基本形状,以及border-radius的文档解释。 border-radius中比较难理解的是由/设置的附加弧度实现椭圆型的边角。 Syntax The border-radius property is specified as: 1.one, two, three, or four <length> or <percentage> values. This is used to set a single ...

    阅读全文
  10. css的transform提供了rotate函数。rotate对inline元素直接旋转不起作用。比如下面的例子 Yes or No 希望将or旋转。 HTML代码: Yes <span class="rotateme"> or </span> No CSS代码: .rotateme{ transform: rotate(270deg); display: inline-block; backgrou ...

    阅读全文
  11. 737 0

    这是学习css3动画效果的示例,动态不停旋转文字。 可以参考网址:https://tympanus.net/Tutorials/CSS3RotatingWords/index4.html 这是简单效果图截屏。 首先HTML代码如下: <section class="rw-wrapper"> <h2 class="rw-sentence"> < ...

    阅读全文
  12. 学习css3的作业之一,制作一个简单的图表。 这里是源码和效果图。 参考文档:https://tympanus.net/Tutorials/Animated3DBarChart/ CSS源码: @media screen and (max-width: 450px) { .sm-graph-container { font-size: 0.22em; } ...

    阅读全文
  13. 设计responsive页面时的注意点: 使用media query增加breakpoint来实现responsive. 永远以mobile设计优先。 设计组件时经常长宽使用百分比。 如果需要设置一些长宽固定数值时,使用em作为单位是个不错的选择。然后针对字体大小设置对应的em大小。以字体作为参照物。 参考文档: https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries ...

    阅读全文
  14. 学习media query可以参考官方网址: https://www.w3.org/TR/css3-mediaqueries/ 今天运到一个问题,在使用chrome调试media query效果时,使用调试窗口来调整页面大小,效果如期望的展现。但是如果直接调整浏览器大小,部分大小时候做到了自适应,但是当窗口resize到一定大小后,并没有发生变化。不知道是不是浏览器的bug. 代码如下: @media screen and (max-width: 450px) ...

    阅读全文
  15. Inline-block是否可以代替float? inline-block是display的属性值,float是属性表示浮动。所以本身是有区别的,但是在某些场景下inline-block来编排layout有更好的编写效率。而不需要如float一样去clear浮动。 在排列一系列相同功能块展示(display)布局时以前常用float这些功能块来实现自动排列展示,最后在clear浮动来确保父块的高度。使用float一般都能工作,不过不得不承认,它们用起来有时候没那么简单。不过现在用in ...

    阅读全文
  16. CSS3 filter滤镜效果太强大了,不用不知道。有了它ps可以少做做了。 Filters主要是运用在图片上,以实现一些特效。(尽管他们也能运用于video上),不过我们在些只来讨论图片上的运用。 语法 elm { filter: none | <filter-function > [ <filter-function> ]* } 其默认值是none,他不具备继承性,其中fil ...

    阅读全文
  17. 635 0

    dd --help 常用dd来创建大文件,如dd if=/dev/zero of=/mybigfile bs=128M count=0 seek=24 参数: 1. if=文件名:输入文件名,缺省为标准输入。即指定源文件。< if=input file > 2. of=文件名:输出文件名,缺省为标准输出。即指定目的文件。< of=output file > 3. ibs=bytes:一次读入bytes个字节,即指定一个块大小为by ...

    阅读全文
  18. localization的一些示例以供参考。 本文示例均来源于Oracle官网Working with Localization Formatting章节,详细资料可以参考 http://docs.oracle.com/cd/E36909_01/fusionapps.1111/e15524/ui_localize.htm 货币的格式化 Example 20-1 Syntax of fnd:currencyPatternWithPrecisionAndSymbol fn ...

    阅读全文
  19. <af:convertNumber> 2017-09-05

    有这样的一段代码来显示一个数字。 <af:inputText value="mybean.studentId" > <af:convertNumber type="number"> </af:inputText> <af:outputText value="mybean.studentId"> <af:convertNumber pattern=&quo ...

    阅读全文
  20. 689 0

    css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小,”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 参照demo案例对照下面四个容器的css样式。 以前通过百分比来做相应式开发,但对于高度100%的设置总有一些限制。有了vh是否就消除了这些限制变的更简 ...

    阅读全文