CSS相关学习内容总结.doc

CSS相关学习内容总结
高效的可维护的,组件化的【译】
你对CSS了解多少?
“如何写出更加高效的CSS呢?”
让我们来看看 4个关键点
高效的CSS可维护的CSS组件化的CSS h

CSS相关学习内容总结
高效的可维护的,组件化的【译】
你对CSS了解多少?
“如何写出更加高效的CSS呢?”
让我们来看看 4个关键点
高效的CSS可维护的CSS组件化的CSS hack-free CSS
书写高效CSS
使用外联样式替代行间样式或者内嵌样式.
不推举使用行间样式::
!DOCTYPE HTML PUBLIC-//W3C//DTD HTML //EN/TR/html4/ lang=enheadmeta http-equiv=content-type content=texttitlePage title/title/headbodyp style=color: red .../p/body/html
不推举使用内嵌样式::
!DOCTYPE HTML PUBLIC-//W3C//DTD HTML //EN/TR/html4/ lang=enheadmeta http-equiv=content-type content=texttitlePage title/titlestyle type=text/css media=screen p{ color: red;}/style/headbody .../body/html


推举使用外联样式::
!DOCTYPE HTML PUBLIC-//W3C//DTD HTML //EN/TR/html4/ lang=enheadmeta http-equiv=content-type content=texttitlePage title/titlelink rel=stylesheet href= type=text/css media=screen//headbody .../body/html
为了兼容老版本的扫瞄器，建议使用link引入外部样式表的方来代替***@：***@，点击查看***@import的兼容性。***@import和link在使用上会有一些区分，利用二者之间的差异，可以在实际运用中进展权衡。关于***@import和link方式的比拟有几篇文章可以拓展阅读：***@import vs link、don’t ******@import、 Flash of Unstyled Content (FOUC) .
不推举***@import导