随着CSS网页布局的应用越来越广泛，更多的CSSer开始书写CSS，如何才能写出高效规范的CSS代码呢，今天向大家介绍，必须要注意的七个方面：
一、使用外联样式替代行间样式或者内嵌样式
不推荐使用行间样式
XML/HTML代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Page title - book.chinaz.com</title>
- </head>
- <body>
- <p style="color: red"> ... </p>
- </body>
- </html>
不推荐使用内嵌样式
XML/HTML代码
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Page title - book.chinaz.com</title>
- <style type="text/css" media="screen">
- p { color: red; }
- </style>
- </head>
- <body>... </body>
- </html>
推荐使用外联样式
XML/HTML代码
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
- <html lang="en">
- <head>
- <meta http-equiv="content-type" content="text
- <title>Page title - book.chinaz.com</title>
- <link rel="stylesheet" href="name.css" type="text/css" media="screen" />
- < /head>
- <body> ... </body>
- </html>
（举报）