你好,我是“web秀-提供專業的web前端技術知識”。
css引入方式有很多種
1、link方式引入
<link rel="stylesheet" href="樣式文件地址">
2、直接寫到html-head里面
<html lang="en"><head><style>
//書寫樣式
<style>
<head>
...
<html>
3、直接寫到標簽上面
<div style="color:red;..."></div>,這種方式不利于維護,不建議使用。
如果是node項目,你還可以通過下面方式引入
在css文件內可以通過@require "樣式文件地址"、或者@import引入。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>網頁設計</title>
</head>
<body>
<table width="400px" align="center"border="2" cellpadding="0"cellspacing="1">
<tr>
<td>
<p>這是一個段落。</p>
<br><p>這是另一個段落。</p>
</td>
<td>
這個單元包含一個表格;
<table width="100px" cellspacing="1" cellpadding="1"align="center"border="2">
<tr>
<td>一行一列</td>
<td>一行二列</td>
<td>一行三列</td><td>一行四列</td>
</tr>
<tr>
<td>二行一列</td>
<td>二行二列</td>
<td>二行三列</td>
<td>二行四列</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
這個單元包含一個列表:
<ul>蘋果</ul>
<ul>香蕉</ul>
<ul>菠蘿</ul>
</td>
<td>
HELLO
</td>
</tr>
</table>
</body>
</html>
符合w3c標準的html標準需要注意的地方
1、首先要DOCTYPE聲明
2、以<html>就要以</html>結束
3、注意一對組合型標簽如<title>就要以</title>結束,
常見的一對組合型標簽有div、p、title、head、html、table、tr、td、span、style、b、strong、ul、ol、li、dl組合(dl、dt、dd)、body
擴展知識:div與span區別、css li
4、單獨型標簽如換行標簽br等標簽就要以<br />標簽來表示
單獨型標簽有br、meta 、link
擴展知識:br與p區別用法