css怎么测试效果

html-css021

css怎么测试效果,第1张

css测试效果，浏览器就是css最好的测试地方，在浏览器中，我们可以看到css的显示效果，firefox中还有一个firebug的插件，这个东西很方便我们对css做作用做比较好的侦测，如图：

Quirks Mode（怪异浏览器模式/混杂模式）：测试因不遵守当前 web 标准而出现的错误；

CSS：测试网页中基本的样式效果，比如文字大小，文字样式，对齐方式等；

JavaScript：测试网页中运行时的脚本；

HTML5：测试支持 HTML5 功能的新特性。

内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。通常内联CSS作为测试使用，可以查找代码中bug。

<body>

<div style="width: 65pxheight: 20pxborder: 1px solid">测试元素</div>

</body>