1，直接在元素上定义style，如下：
1
<input type="button" style="这里定义样式">
2，页面中内嵌样式，如下：
1
2
3
4
<style>
.btn{需要添加的样式}
</style>
<input type="button" class="btn">
3，外部引用css文件，如下：
1
<link rel="stylesheet" type="text/<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyDsn1m1P1TzPHckPhwW0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjnYnW0Ln1R" target="_blank" class="baidu-highlight">css</a>" href="这里是css文件的路径">
浏览器默认没有样式的，你在加了全局样式后如果个别地方需要单独样式可单独设置，例如：body
{margin:0
autopadding:0}
.a
{margin:5pxpadding:0
0
0
10px}
<body>
<div
class="a">这里是内容</div>
这里的a就是局部样式的定义了。
*{margin:0padding:0}是对所有元素做一次通配操作，是为了避免因为不同浏览器样式的默认值而产生差异。但是，有时候你需要一些默认值的话，你就要重新定义了。这样的话，就会有点麻烦。
