你的位置:首页 > 软件开发 > 网页设计 > 书写高效的CSS

书写高效的CSS

发布时间:2015-10-29 20:00:32
一、使用高效是CSS①:使用外联样式替代行间样式或内嵌样式。  不推荐使用内联样式:<style></style>  不推荐使用内嵌样式:<p ></p>  推荐使用外联样式:<link href=""&g ...

一、使用高效是CSS

①:使用外联样式替代行间样式或内嵌样式。

  不推荐使用内联样式:<style></style>

  不推荐使用内嵌样式:<p ></p>

  推荐使用外联样式:<link href="">

②:为了兼容老版本的浏览器,建议使用link引入外部样式表的方式替代@import导入样式的方式。@import是css2.1提出来的,所以老的浏览器不支持。

  不推荐@import导入方法:<style type="text/css">@impory url("style.css");</style>

  推荐引入外部样式表方式:<link rel="stylesheet" href="style.css" type="text/css"/>

③:使用继承:将子元素共同使用的样式赋给父元素

④:使用多重选择器:将元素共同使用到的样式写在一起。比如h1,h2,h3,h4样式一样的部分,就写在一起,不要写成4个独立的。

⑤:使用多重声明。不要像下面那种写法,应该写在一起。

  p { margin: 0 0 1em; }

 


原标题:书写高效的CSS

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。