Apologies if my title is a bit misleading, I struggled to find the right phrasing.
Currently, I have images linked to various social networks using href. For instance, clicking on the facebook icon directs to my Facebook page. The layout looks like this:
<div class="row">
<center>
<div class="span2">
<a href="http://www.facebook.com/XXXXXXX" target="_blank"><img src="assets/img/icons/fbwhitebig.png" width="64" height="64"></img></a>
</div>
Is there a way to turn this into a "class," if that makes sense? So I could achieve the same effect by doing something like this:
<div class="span2">
<a href="http://www.facebook.com/XXXXXX" target="_blank" class="facebookbutton"></a>
</div>
And then in the CSS implement this:
.facebookbutton {
width: 64px;
height: 64px;
background: url(assets/img/snicons/fbwhitebig.png) no-repeat;
}
I hope this isn't a silly question, I'm still learning haha!
Thank you :)