紫索科技

品牌/营销网站建设
..
138 7915 5282
只做有价值的网站
点击获取方案

关于网站设计CSS书写的高效提升法

         网站设计中使用到CSS的频率越来越高了,但如何才能让CSS在网站设计中更高效的发挥自己的作用呢?这是一个值得深思的问题。

    专业网站设计CSS书写注意事项一:使用外联样式替代行间样式或者内嵌样式

  推荐使用外联样式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text
<title>Page title - 52css.com</title>
<link rel="stylesheet" href="name.css" type="text/css" media="screen" />
< /head>
<body> ... </body>
</html>

  专业网站设计CSS书写注意事项二:建议使用 link 引入外部样式表

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head>
<meta http-equiv="content-type" content="text
<title>Page title - 52css.com</title>
<link rel="stylesheet" href="name.css" type="text/css" media="screen" />
</head>
<body> ... </body>
</html>
    这样做的目的是为了让最终的网站设计结果可以兼容老版本的浏览器

    专业网站设计CSS书写注意事项三:高效继承的使用

body { font-family: arial, helvetica, sans-serif; }
body { font-family: arial, helvetica, sans-serif; }
h1 { font-family: georgia, times, serif; }

  专业网站设计CSS书写注意事项四:多重选择器的高效利用

h1, h2, h3, h4 { color: #236799; }

  专业网站设计CSS书写注意事项五:高效的使用多重声明

p { margin: 0 0 1em; background: #ddd; color: #666; }

  专业网站设计CSS书写注意事项六:简记属性的高效写法

body { font: 85% arial, helvetica, sans-serif; background: url(image.gif) no-repeat 0 100%; margin: 1em 1em 0; padding: 10px; border: 1px solid red; color:

#222; }

  专业网站设计CSS书写注意事项七:关于!important

高效网站设计当中的CSS慎用写法
#news { background: #ddd !important; }
特定情况下可以使用以下方式提高权重级别
#container #news { background: #ddd; }
body #container #news { background: #ddd; }

南昌网站建设,网站设计,网站制作公司,品牌网站建设,品牌网站设计,专业网站建设,专业网站设计,企业网站建设,企业网站设计,外贸网站建设,外贸网站设计,营销网站建设,营销网站设计


原文地址:http://www.zisuo.com/news/关于网站设计CSS书写的高效提升法1835.htm
文章整理:紫索科技--专业提供南昌网站建设九江网站制作服务

以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息。
资讯分类:
紫索动态 建站观点 网络营销 网页制作 网站设计
相关文章
An error occurred on the server when processing the URL. Please contact the system administrator.

If you are the system administrator please click here to find out more about this error.