- Adding Images
<img>
,src
,alt
,title
. - Height & Width of Images
width
,width
- Where to Place Images in Your Code 1.before a paragraph 2.inside the start of a paragraph 3.in the middle of a paragraph
- Aligning Images Horizontally
align
,right
,left
- Aligning Images Vertically
align
,top
,middle
,bottom
- Image Formats:
JPEG
,GIF
orPNG
- Figure and Figure Caption:
<figcaption>
,<figure>
background-color
, color
- You can choose color in CSS in 3 ways:
1.RGB values
rgb(102,205,170)
2.HEX code#66cdaa
3.Color namesMediumAquaMarine
- You can change the forground color and background color using the above was.
- To find the color you want you can use a color picker.
- RGB color expressed as number from
0-255
. - There are 147 color names supported by the browser.
- in (rgba) color let you choose opacity.
- CSS let you choose also:
- Hue
- saturation
- lightness
- You can use HSL color property to select colors, by entering (hue, saturation and lightness) values.
- contrast high , contrast low, contrast medium
- Typeface Terminology 1.Serif fonts 2.Sans-serif fonts 3.Monospace
- font Weight :Light ,Medium,Bold,Black
- font Style: Normal, Italic ,Oblique
- Stretch:Condensed ,Regular ,Extended
- Monospace
- Cursive
- Fantasy
- font-family: `body {font-family: Georgia, Times, serif;}'
- font-size=(px,%,ems)
- font-weight:Text thicker(normal,bold,)
- text-transform:(uppercase,lowercase,capitalize)
- text-decoration:(none,underline,overline,line-through,blink)
- line-height:property specifies the height of a line.
- letter-spacing:space between letter,word-spacing
- text-align determine the place of text (left,right,center,justify)
- vertical-align: sets the vertical alignment of an element.
- text-indent
- text-shadow
- first-letter
- first-line