css样式的三种引入方式
<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <style> /*2.内嵌样式.写在head标签中的style标签中间*/ </style> <link type='text/css' rel='stylesheet' href='./xxoo.css' /> <!--3.外链样式.CSS代码写在另外一个文件中,用过link引入过来--> </head> <body> <b style='font-size:14px;color:blue'>css页面引入方法:</b> <!-- 1.行内样式,内联样式,作为style属性值--> <h1>CSS代码出现在三个地方</h1> <!-- css页面引入方法: 1、外联式:通过link标签,链接到外部样式表到页面中。 <link rel="stylesheet" type="text/css" href="css/main.css"> 2、嵌入式:通过style标签,在网页上创建嵌入的样式表。 <style type="text/css"> div{ width:100px; height:100px; color:red } </style> 3、内联式:通过标签的style属性,在标签上直接写样式。 <div style="width:100px; height:100px; color:red "> </div> --> </body> </html>