POINTERS AND REVIEWER IN COMPUTER 8

LESSON 6: Formatting and Styling Text

Interpret how to change colors, fonts, font styles.
Hex color coding always starts with # symbol.
RGB means Red, Green, Blue
Short term for hexadecimal. HEX
ALT HTML attribute specifies an alternate text for an image if the image cannot be displayed.
How do you select an element with id "demo" in CSS? #demo
CSS stand for Cascading Style Sheets.
Text-align is the CSS property that changes the text alignment.
Background-color is the command to add background color in CSS.
<strong> HTML tag is used to define important text.
The default font-size of the <h1> tag is 2em.
<i> create italic text in HTML.
Color CSS property is used to change the text color.
<b> HTML tag is used to make text bold.
Identify different text decoration.
The font-family property allows you to change the fonts in HTML.
You can specify either a generic font family such as “serif,” “sans-serif,” or “monospace,” or a specific font
family such as “Arial” or “Times New Roman.”

Align text in different ways.

The text-align property is used to set the alignment of the text. It can be set to left, right, center, or justified.
Left-aligned will be the alignment of a paragraph if no 'text-align' property is specified.
LESSON 7: Backgrounds and Borders
Apply different backgrounds to your web page.
Opacity - You can also adjust the opacity or transparency of an element using the opacity property. It takes a value
from 0.0 to 1.0 ranging from transparent to opaque.
Background Image
Background Repeat - repeat-x, repeat-y and no-repeat.
Background Position - top left, center left, bottom left, top right, center right, bottom right, top center, center
center, and bottom center.
Background Size - You can set the width and height of the image based on pixel values.
You can also use percentages relative to its parent element’s width and height.
Using contain would display the whole background image within the element.
Using cover ensures that the background covers the whole element.
Apply style borders for the different HTML elements.
To apply borders to elements, we use the border property in CSS. It takes on three values: border-width, border-
style, and border-color. You can enter these values simultaneously as seen in the example below. We applied a
border for the <p> element.
Border-color allows you to set the color of the outline.
Border-width property determines how thick the element’s border is in px, pt, em, and cm values. You can also
use medium, thin, and thick.
Border-style specifies how the border would look. It can be none (default), solid, dotted, dashed, and double.
You can also be selective in how you apply borders by specifying which border edge you’d like to style. You can
reference each side by using the border-top, border-right, border-bottom, and border-left properties.