Please enable JavaScript.
Coggle requires JavaScript to display documents.
Styling with css - Coggle Diagram
Styling with css
4 - tree structure
A tree is made up of parts called the nodes or elements of the tree that have connection between them called branches
-
-
The nodes that descend from any particular node are called it's children and this particuler node called parent
-
There are tree structures everywhere
The DOM Or document object model (the tree structure of html ) is one of them
-
-
Units
-
The basic unit of measurement in css is the pixel or px
It isn't realy a hardware pixel
It's defined as being one-ninety sixth of an inch
In terms of traditional american units
There are 96 css pixels to the inch wich means there are 37.8 css pixels to the centimeter
There are other units in css too
One traditional typographic units is the point or pt
Apoont is just one- seventy second of an inch ..72 pt=1 inch..
In css points are only for font size
"em" unit is relative to the size of the text in the element
If the font size in the element = 18 pt then 1 em = 18 pt
-
-
-
-
3 - text to trees
The browser reads the html and it turns it into a data structure
It is an organized map of what's going to end up on the page
It's also what developer tools lets us look at
-
-
-
-
-