Web 110
Final Project

CSS Embedded in attributes

A less common way of Embedding CSS styles into elementts is by putting them into the attributes. Although it is less common, it still does have some uses that make it useful. It is used in images to quickly style them. Not all images will be the same height or length. Using these inline styles help specify a needed height and width of individual images without touching the stylesheet. Another major reason to embed styles this way is to help make forms. Many forms have a list of required fields that need to be checked off or filled in order to submit the form.

The Good Side:

  • Helps take forms to the next level
  • Can be good for images when dealing with different sizes

  • The Bad Side:

  • Not optimal for whole pages
  • It can Clutter the page up especially if there is a lot to style
  • Doesn't have too many reasons to use it

  • Styling individual elements can be a hassle ---->

    picture of CSS embeded in an attribute