三中的使用方法的簡單實例如下:
行內樣式:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css行内样式</title> </head> <body> <div style="width:100px;height:100px;background:red;"></div>> </body> </html>
(推薦教學:CSS教學 )
內嵌樣式:
<!!doctype html> <html> <head> <meta charset="UTF-8"> <title>css内嵌样式</title> </head> <body> <style type="text/css"> #div{width:100px;height:100px;background:red;} </style> <div id="div"></div>> </body> </html>
外部式:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css内嵌样式</title> <link rel="stylesheet" type="text/css" href="ccss.css"> </head> <body> <div id="div"></div>> </body> </html>
css檔:
#div{width:100px;height:100px;background:red;}
總結:
以上是詳解css行內樣式、內嵌樣式與外部引用樣式的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!