em px 单位换算
正则表达式
常用前端开发CSS IE6, IE7, IE8, IE9, IE10, IE11 hack汇总
Hack符号 | IE6 | IE7 | IE8 | IE9 | Firefox | Chrome | 使用示例 |
- | ○ | × | × | × | × | × | #tmp{-color:red} |
_ | ○ | × | × | × | × | × | #tmp{_color:red} |
+ | ○ | ○ | × | × | × | × | #tmp{+color:red} |
= | ○ | ○ | × | × | × | × | #tmp{=color:red} |
~ | ○ | ○ | × | × | × | × | #tmp{~color:red} |
! | ○ | ○ | × | × | × | × | #tmp{!color:red} |
@ | ○ | ○ | × | × | × | × | #tmp{@color:red} |
# | ○ | ○ | × | × | × | × | #tmp{#color:red} |
$ | ○ | ○ | × | × | × | × | #tmp{$color:red} |
% | ○ | ○ | × | × | × | × | #tmp{%color:red} |
^ | ○ | ○ | × | × | × | × | #tmp{^color:red} |
& | ○ | ○ | × | × | × | × | #tmp{&color:red} |
* | ○ | ○ | × | × | × | × | #tmp{*color:red} |
` | ○ | ○ | × | × | × | × | #tmp{`color:red} |
\9 | ○ | ○ | ○ | ○ | × | × | #tmp{color:red\9} |
html>/**/body | × | × | ○ | ○ | ○ | ○ | html>/**/body #tmp{color:red} |
:root | × | × | × | ○ | ○ | ○ | html>:root #tmp{color:red} |
@media \0screen {} | × | × | ○ | × | × | × | html>:root #tmp{color:red} |
@media screen and (min-width:0\0) {} | × | × | × | ○ | × | × | html>:root #tmp{color:red} |
* \9 对于IE10 也起作用,在使用时请注意。 IE11相对应的CSS hack现在基本还没有出现。
* @media screen and (min-width:0\0) {} 对于IE10, IE11也起作用,在使用时请注意。
HTML特殊符号对照
特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
---|---|---|---|---|---|
Α | Α | Α | Β | Β | Β |
Γ | Γ | Γ | Δ | Δ | Δ |
Ε | Ε | Ε | Ζ | Ζ | Ζ |
Η | Η | Η | Θ | Θ | Θ |
Ι | Ι | Ι | Κ | Κ | Κ |
Λ | Λ | Λ | Μ | Μ | Μ |
Ν | Ν | Ν | Ξ | Ξ | Ξ |
Ο | Ο | Ο | Π | Π | Π |
Ρ | Ρ | Ρ | Σ | Σ | Σ |
Τ | Τ | Τ | Υ | Υ | Υ |
Φ | Φ | Φ | Χ | Χ | Χ |
Ψ | Ψ | Ψ | Ω | Ω | Ω |
α | α | α | β | β | β |
γ | γ | γ | δ | δ | δ |
ε | ε | ε | ζ | ζ | ζ |
η | η | η | θ | θ | θ |
ι | ι | ι | κ | κ | κ |
λ | λ | λ | μ | μ | μ |
ν | ν | ν | ξ | ξ | ξ |
ο | ο | ο | π | π | π |
ρ | ρ | ρ | ς | ς | ς |
σ | σ | σ | τ | τ | τ |
υ | υ | υ | φ | φ | φ |
χ | χ | χ | ψ | ψ | ψ |
ω | ω | ω | ϑ | ϑ | ϑ |
ϒ | ϒ | ϒ | ϖ | ϖ | ϖ |
• | • | • | … | … | … |
′ | ′ | ′ | ″ | ″ | ″ |
‾ | ‾ | ‾ | ⁄ | ⁄ | ⁄ |
℘ | ℘ | ℘ | ℑ | ℑ | ℑ |
ℜ | ℜ | ℜ | ™ | ™ | ™ |
ℵ | ℵ | ℵ | ← | ← | ← |
↑ | ↑ | ↑ | → | → | → |
↓ | ↓ | ↓ | ↔ | ↔ | ↔ |
↵ | ↵ | ↵ | ⇐ | ⇐ | ⇐ |
⇑ | ⇑ | ⇑ | ⇒ | ⇒ | ⇒ |
⇓ | ⇓ | ⇓ | ⇔ | ⇔ | ⇔ |
∀ | ∀ | ∀ | ∂ | ∂ | ∂ |
∃ | ∃ | ∃ | ∅ | ∅ | ∅ |
∇ | ∇ | ∇ | ∈ | ∈ | ∈ |
∉ | ∉ | ∉ | ∋ | ∋ | ∋ |
∏ | ∏ | ∏ | ∑ | ∑ | − |
− | − | − | ∗ | ∗ | ∗ |
√ | √ | √ | ∝ | ∝ | ∝ |
∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ |
∩ | ∩ | ∩ | ∪ | ∪ | ∪ |
∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
∼ | ∼ | ∼ | ≅ | ≅ | ≅ |
≈ | ≈ | ≅ | ≠ | ≠ | ≠ |
≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
≥ | ≥ | ≥ | ⊂ | ⊂ | ⊂ |
⊃ | ⊃ | ⊃ | ⊄ | ⊄ | ⊄ |
⊆ | ⊆ | ⊆ | ⊇ | ⊇ | ⊇ |
⊕ | ⊕ | ⊕ | ⊗ | ⊗ | ⊗ |
⊥ | ⊥ | ⊥ | ⋅ | ⋅ | ⋅ |
⌈ | ⌈ | ⌈ | ⌉ | ⌉ | ⌉ |
⌊ | ⌊ | ⌊ | ⌋ | ⌋ | ⌋ |
◊ | ◊ | ◊ | ♠ | ♠ | ♠ |
♣ | ♣ | ♣ | ♥ | ♥ | ♥ |
♦ | ♦ | ♦ | |   | |
¡ | ¡ | ¡ | ¢ | ¢ | ¢ |
£ | £ | £ | ¤ | ¤ | ¤ |
¥ | ¥ | ¥ | ¦ | ¦ | ¦ |
§ | § | § | ¨ | ¨ | ¨ |
© | © | © | ª | ª | ª |
« | « | « | ¬ | ¬ | ¬ |
| ­ | ­ | ® | ® | ® |
¯ | ¯ | ¯ | ° | ° | d° |
± | ± | ± | ² | ² | ² |
³ | ³ | ³ | ´ | ´ | ´ |
µ | µ | µ | < | < | < |
> | > | > | ' | ' | |
" | " | " | + | &#43; |
常用前端开发工具合集
最流行的前端开发工具
集成在IE和Firefox上的监听HTTP和HTTPS的工具
记录你电脑和网络之间所有HTTP(S)请求的网络调试代理
Firebug的一个扩展,可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能
Firebug的一个扩展,可以用来察看哪些CSS被用到了
现在最流行的代码编辑器,也是HTML和散文先进的文本编辑器
Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
随着CSS3的到来,很多浏览器会出现CSS兼容问题,Browser Support可以很方便的告诉你不同浏览器下的CSS区别以及是否被支持。相当的方便!
排版和调色版是网页设计中最重要的两方面。使用Adobe Kuler应用可以让设计师为任何一个网站创建包含5种以上的深浅色调的主题。
Live Tools是一个UI制作工具,他提供了按钮、表单、icon图标和Ribbons的制作工具,可以在线配置相关参数,生成你需要的效果代码。
适用于个人用的CMS系统,便利,快速,管理方便。