Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS (The Box Model - (Width and height — specifies the width and height of…
CSS
The Box Model -
-
Padding — specifies the amount of space between the content area and the border.
width — The thickness of the border. A border's thickness can be set in pixels or with one of the following keywords: thin, medium, or thick.
style — The design of the border. Web browsers can render any of 10 different styles. Some of these styles include: none, dotted, and solid.
color — The color of the border. Web browsers can render colors using a few different formats, including 140 built-in color keywords.p{border:3px solid coral}
-
-
div.container { border: 3px solid rgb(22, 77, 100); border-radius: 5px;}
-
-
Margins I-p {border: 1px solid aquamarine; margin: 20px;} margin-top/margin-right/margin-bottom/margin-left
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Important-Once !important is used, it is very hard to override p {color: blue !important;}
Multiple Selectors - h1, .menu { font-family: Georgia;} para evitar repetir o mesmo comando para mais de uma classe
-
-
-
-
h1{text-aligh:right, centre or left;}-Text Align
-
-
-
-
-
-
-
-
-
-
-
-