你可能不知道的html与CSS

2013年01月29日• 1条评论 254 views 标签:fixed, http请求, 伪元素

CSS em 单位

原来，来自CSS em单位大写字母M的宽度，这是它的名称的来源。

HTML5 标签

HTML5结构标签来自常见的ID和CLASS的命名。

最小有效的HTML页面

随着HTML5的到来，你只需要定义的文档类型，以创建一个新的有效的网页标题。因此，从理论上说，没有HTML，head或body的标签是可以的。这是因为浏览器假定它们，只是检查浏览器的调试器，下面的代码：

<!doctype HTML>
<title>Bazinga</title>

CSS的特别性

256个链接的CSS选择器，可以干掉一个ID选择器的特异性。
此外，一个有趣的事实是，没有CSS class或ID的最大长度。

颜色

Peru 和Tomato 事实上都是有效的CSS颜色值，此外，十六进制＃badA55颜色也不是那么不好，它实际上是排序的灰色:)
此外，当使用HTML这样的bgcolor属性（不建议使用）：<body bgcolor=”chucknorris”></ BODY>，一场血腥的红色渲染。

CSS可以很有趣

请检查以下的CSS线，微笑在将你的脸上：

https://csswang.com/universe:before { content: ""; }
.ninja { visibility: hidden; }
.kids-these-days { -webkit-perspective: none; }
.work:after{ content:"Beer!"; }

CSS px=设备px

px 像素单位css并真正的屏幕上的px像素

没有（更多）CSS4

看来，有没有这样的事情像CSS4后。但是，CSS3也是CSS2.1后的，它的所有有关模块

如何判断是否有趣的网站使用HTML5

Try it on Internet Explorer.
Did it work?
No?
It’s HTML5.

HTTP请求

“最快的HTTP请求是不可缺少的。”
这不是HTML与CSS相关的，但我喜欢这条线。每次我工作的一个项目，尝试优化的HTTP请求数，这在我脑海里弹出。

::before & ::after 伪元素

直到前阵子，firefox还是唯一一个支持::after ::before transitions和animations的。这个好的功能在chrome现在也支持了。

什么时候放弃IE6和IE7…

IE6不扮演重要的角色了，所以考虑到这一点，这是完全OK的使用方法：

多个CSS类选择器（例如，FOO.BAR）
属性选择器（例如E [富]）
固定定位
立即子选择器（例如，富酒吧）

耗费的CSS属性

一般情况下，CSS属性是不耗费的，但是，当谈到对浏览器的画，你应该注意以下一些可能会影响你的页面呈现方式：

position:fixed
background-position: fixed
border-radius
background-size
box-shadow
gradients

就这些了

如果你知道更多有趣的东西，来共享？请随时做到这一点在下面的评论部分。感谢阅读这篇文章，我很期待读你的思想有关的。

本文链接：» https://www.csswang.com/html/3544

转载请注明本文来源出处。

你也可以分享到:

继续查看有关： fixed, http请求, 伪元素的文章

上一篇： Flash应用适合做网站吗？

下一篇： IE10，带您走进HTML5时代

m88帮助网站