Numeric and Textual Data Values
<!-- properties can accept url
margin : accept negative values
padding - font size : accept percentages - font-size percentage is relative to is parent ex:to the body font-size -->
<div>
<p>(paragraph nested inside div)Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make <a href=""> type specimen book</a></p>
</div>
<style>
body{
font: normal 1.2em/1.5 sans-serif;
padding: 2em 0;
}
div{
padding: 2em;
margin: auto;
background-image: url('bg.png');/* url data type */
}
</style>
<!--
Auto - Browser automatically calculates the values
inherit - inherit the style of the parent element
initial - initial value of element -->
<div>
<p>(paragraph nested inside div)Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make <a href=""> type specimen book</a></p>
</div>
<style>
body{
font: normal 1.2em/1.5 sans-serif;
padding: 2em 0;
}
div{
padding: 2em;
margin: auto;
}
p {
color:red;
}
a {
color:inherit; /* take color of p - inherit the color of the parent element (p)*/
}
strong{
color:initial; /* no ie support */
}
div::after{
content:"\\A string with \"escaped\" double quotes\\"; /* if we need to insert quote use \"escaped\" - need one \ use \\ */
font-size:2.0em;
color:blue;
}
</style>