行间样式:css写在标签里面,如: <h1 style="color:red;">行间样式</h1> 不推荐使用,css代码跟页面内容混在一起,很难看。 内部样式:css写在html页面的<head></head>标签里面,如: <style type="text/css"> h2 { color:red; } </style> 页面内容:<h2 style="color:red;">内部样式</h2> 外部样式:css文件单独写,由html加载(针对开发推荐使用此方法),如 <link rel="stylesheet" type="text/css" href="123.css" />
注意:
一、Javascript中的style取样式和加样式都是加在行间的
二、行间样式比其他的样式都要高
三、对一个元素进行操作时要统一对style或者className来操作