background images can be layered by using multiple url("") attributes separated by
commas
layered background images will layer in the order they are listed, with the first listed (leftmost) on the top layer,
the next listed on the second layer, etc.
New CSS Covered
background-image:
property that can be used with vector graphics or linked to an image file to set a background.
url("");
attribute used in CSS, including with the background-image property to link to an external resource.
Be sure to use "" around the file name and a full referential link to link to your image file.
background-attachment:
property used to style an image background. Valid values include fixed and scroll.
background-position:
property used to set the horizontal and vertical orientation of an image background. Horizontal is listed first, then space, then vertical. If only one
value is given, it will apply to the horizontal alignment. For layered images, separate values with commas in the same order as the listing of the images.
background-repeat:
property used to set the type of repeat for an image. Valid values include x-repeat (horizontal repeat),
y-repeat (vertical repeat), and no-repeat
background-size:
sets the size of a background image. Valid numerical values can be given in px, em, or % or the cover value
can be used.
/*[comment]*/
the comment feature can be used to add notes to CSS code or to "comment out" sections of code for testing or debugging purposes. Anything within the /**/
structure will be ignored by the browser when compiling the page.