Research and Define CSS Terms
- Specificity: Numerical process (with values given from 1-1000) to resolve conflicts within a browser. It is calculated according to a point system that “weighs” each elements specificity, and then executes the style based on the rule that the higher the number the style will overide other CSS values.
- Precedence: Precedence is part of a rule of specificity where whatever the last rule that was applied wins. Meaning that when you read CSS from top to bottom and there is an argument between styles the last (or closest to the bottom) wins. Further, an inline style (because closer to the element) takes precedence over the CSS style sheet.
- Inheritance: Inheritance is when an element inherits it’s style from the parent element. For example if the body tag has a blue back ground, and a paragraph within the body tag has no background color assigned to it, the paragraph tag will have a background of blue.
- Property: Property a CSS key word used to tell an element via CSS what it should do. For example the CSS property background-color is used to tell an HTML element that it will be changing it's background color.
- Value: A CSS Value defines the specifics to a CSS property. It can be given in many forms such as numbers, HEX colors, em's, percetages and more depending on the CSS property used. In the example above the CSS value would be a color, such as blue or #FFFFFF.
- Selector: Connects CSS to the HTML via an HTML element. There are many different kinds, such as Class (.) ID (#), Pseudo Selector and many more. Class selectors have a speceficity value of 10, and you can have many elements using the same class.