Filed under Web前端
说起字符实体，常用的有大于号> 小于号< 箭头→ 等；
除了这些之外还是有些比较可爱的图案，也是通过字符来实现的。
比如说扑克牌上面的4种花色， ♠ ♣ ♥ ♦ 同样是用字符实体写出来的，而不是图片。
这里只发一些很友爱的字符实体哦！！！比如说☯太极， ☢危险品， ☺笑脸 点击查看更多
很可爱的一些图形，而且可以通过css来给它们一些单一的颜色，但是多颜色的话就不行了。
但是这些实体在页面的使用性上还是存在一些问题：
所以说呢，可以选择性的用一些常用的字符，像一些特殊的，比如说编辑啊，选择啊什么的尽可能的还是选择图片，让它们在不同的浏览器下面保持一致是比较好的。
七14
Filed under 曾经IE
紧跟浮动元素的绝对定位失效，这是一个long long ago的问题了。
产生原因：
当一个绝对定位的标签，前面或者后面紧跟一个浮动的元素时（绝对定位与浮动元素属于同级），当浮动元素的宽度和父级宽度相同时，绝对定位元素会消失。问题还原 continue reading »
七13
Filed under Web前端
伪类 :target 匹配文档(页面)的URI中某个标志符的目标元素
就像之前使用的href=”#first”和相匹配的id=”first”锚点一样。
在使用target的时候同样是用href=”#first”和id=”first”，但是我们可以通知#first:target {XXX} 来设置id为first这个目标元素的样式
浏览器的支持情况
| 浏览器 | 浏览器支持情况 |
|---|---|
| IE | IE6/7/8 (×) IE9(√) |
| FF | (√) |
| chrome | (√) |
| Safari | (√) |
| opera | (√) |
查看demo
使用的绝对定位,通过在:target时变化z-index的层级已达到内容的切换，同时加了点CSS3 transition动画效果,当然这些也是可以通过JS来实现的……这里只不过是个小的尝试…
六20
Filed under Web前端
第一句：请使用非IE内核浏览器浏览
css3 transition = css3 变换
CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.
CSS 变换允许CSS属性值在特定的时间段内发生变换
以上是引用W3C的原话——（不知道翻译对不O(∩_∩)O~）
我的理解是：通过在特定的时间段内改变css的属性值，以达到样式变换的动画效果.
在使用之前，先整理一下浏览器对css3 transition的支持情况：
目前市场上的IE6/7/8/9，chrome，opera，Firefox，safari这些浏览器当中，除了IE6/7/8/9对transition不支持以外，其余浏览器的最新版本都能对transition属性有良好的支持。但是呢…由于各大现代浏览器Firefox,Safari,Chrome,Opera都还不支持W3C的标准写法，所以在应用transition时我们必须要加上各自的私有属性前缀。Firefox（-moz-）,opera（-o-）,Safari/chrome（-webkit-）。
transition具体包含4个属性值，分别是transition-property（变换的属性）, transition-duration（持续时间）, transition-timing-function（动画效果）, transition-delay（延迟时间） continue reading »
六14
Filed under 网络文摘
六14
- sleepy
- sleepy
- 银杏
- xp
- 紅白