Genies Hour (4)

CSS-background

Know
The CSS background properties are used to define the background effects for elements. CSS background properties:

background-color
background-image
background-repeat
background-attachment
background-position

What I have learned?

~The background-color property specifies the background color of an element.
  • a valid color name - like "red"
  • a HEX value - like "#ff0000"
  • an RGB value - like "rgb(255,0,0)

~The background-image property specifies an image to use as the background of an element.

~The background-image property repeats an image both horizontally and vertically.

~If the image above is repeated only horizontally (background-repeat: repeat-x;) To repeat an image vertically, set background-repeat: repeat-y;

~The position of the image is specified by the background-position property

~To specify that the background image should be fixed (will not scroll with the rest of the page), use the background-attachment property
What problem do I foresee happening?
Missing an end tag or (;)
Mixing up the image tag and background-image tag

How can I solve than now?

Try both and see the differences

Comments

Post a Comment

Popular posts from this blog

Genies Hour (10) CSS - Multiple Backgrounds Know CSS  Multiple Backgrounds  Properties background-size background-origin background-clip                                                             What I have learned? Property Description background A shorthand property for setting all the background properties in one declaration background-clip Specifies the painting area of the background background-image Specifies one or more background images for an element background-origin Specifies where the background image(s) is/are positioned background-size Specifies the size of the background image(s)                  What problem do I foresee happening? It is still quiet hard for me to remember the mixed form of background. background:color url()...
Read more
Genies Hour (2) HTML- Iframe ,block Know The <iframe> creates an inline frame, which embeds an independent HTML document into the current document. <div>A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). What I have learned? Block level elements in HTML: < address > < article > < aside > < blockquote > < canvas > < dd > < div > < dl > < dt > < fieldset > < figcaption > < figure > < footer > < form > < h1 > - < h6 > < header > < hr > < li > < main > < nav > < noscript > < ol > < output > < p > < pre > < section > < table > < tfoot > < ul > < video >
Read more