Skip to content

Commit 20354d0

Browse files
committed
added day four readme to repo
1 parent 7e3f17e commit 20354d0

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed

weekTwo/dayFour/dayFour.md

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# Intro Into CSS
2+
3+
CSS, or cascading style sheets, is a language used to describe reusable styles for presenting documents written in a markup language.
4+
Its concept was originated by Håkon Wium Lie in 1994.
5+
In December 1996, CSS was made a specification by the W3C and today allows web developers to alter the layout and appearance of their web pages.
6+
For example, CSS may be used to change the font used in certain HTML element, as well as its size and color.
7+
A single CSS file may be linked to multiple pages, which allows a developer to change the appearance of all the pages at the same time.
8+
9+
`Selector` : Define the elements to which a set of CSS rules apply.
10+
`property` : Human-readable identifiers that indicate which stylistic features you want to change.
11+
`value` : Indicates how you want to change stylistic features.
12+
13+
## Border Box Model
14+
15+
![Box Model](https://github.com/Vets-Who-Code/Curriculum/blob/master/images/boxmodel.png)
16+
17+
CSS Basic Box Model is a module of CSS that defines the rectangular boxes—including their padding and margin—that are generated for elements and laid out according to the visual formatting model.
18+
19+
`content area`: Bounded by the content edge, contains the "real" content of the element, such as text, an image, or a video player. Its dimensions are the content width (or content-box width) and the content height (or content-box height). It often has a background color or background image
20+
21+
`padding area`: Bounded by the padding edge, extends the content area to include the element's padding.
22+
23+
`border area`: Bounded by the border edge, extends the padding area to include the element's borders.
24+
25+
`margin area`: Bounded by the margin edge, extends the border area to include an empty area used to separate the element from its neighbors.

0 commit comments

Comments
 (0)