Class andid
- 1. What will you learn today?Id
- 2. Class
- 3. Box modelclassCSSClass is specified by including a period (.) before the selector name.
- 4. Classesare useful to apply similar declarations to a variety of elements.
- 5. classCSS.className{ property: value}SYNTAX:.myStyle{ color: #99FF00;}<p class=“myStyle”> Some text here</p><h3 class=“myStyle:>Heading 3</h3>
- 6. idCSSId is specified by including a number sign(#) before the selector name.
- 7. Id selector can be called only once in a document.
- 8. Id can be called by Javascript’sgetElementById function.idCSS#idName{ property: value}SYNTAX:#box1{ background-color:#CCDDFF}<div id =“box1”> Some text here</div
- 9. Box MODELCSSThe CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content.
- 10. Thank YOU!!!