为了避免HTML的臃肿与修改时的麻烦,把HTML的样式功能分离出来交给了CSS
样例
由上方纯HTML版本加上CSS修改样式
实践案列
下面展示一些内联代码片
。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
-------------------------------------------------------------
<style>
dl {
font-size: 12px; (比HTML多的部分)
/*字号*/
color: blue;
/*文字颜色*/
font-weight: bold;
/*加粗*/
}
</style>
----------------------------------------------------------------
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>CSS</dt>
<dd>层叠样式表</dd>
<p></p>
<a href=""></a>
</dl>
</body>
题库