190 likes | 206 Views
CSS Tricks, Chris Coyieru2019s mastermind project, kicked off in 2007, and at first, was primarily about CSS and HTML, but then expanded to embrace other subjects like JavaScript, WordPress; and as Chrisu2019s knowledge in front-end technologies grew, so did the stuff he covered in his articles.<br>
E N D
WEB DEVELOPMENT COMPANY DELHI More Information Contact Us Website — https://webinfomatrix.com/ Skype — shalabh.mishra Telegram — shalabhmishra Whatsapp — +919212306116 Email — shalabh.mishra@gmail.com Mobile — +919212306116
Three layers of webdesign: Structure HTMLmarkup Style CSS Behavior JavaScript
HTML= Hyper Text MarkupLanguage
NoHTML? Withoutany markup to give yourpage content structure, the browser renders unformatted and unstyledtext
HTML tagsgive structure and meaning to yourcontent.
HTMLTags <p></p> - to organize textinto paragraphs <table></table> - to displaytable <form></form> - todefine form for userinput <img></img> - to addimage
LetsaddHTMLtagstoourpage... How will it looknow?
HTML Oncepagecontentismarkedup with HTML tags, the browser appliesdefaultstylestothetags. Sonowpageisreadableandhave a clearhierarchy.
But whatshouldwe doto make the pagelook nice? The answeris useCSS!
CSS= Cascading StyleSheet
CSS Set of rules defining howan html element will be “presented”in thebrowser.
CSSRules p { color:red; } #title{ font-style: italic; border: 1px dottedblue; } .title{ font-weight: bold; background:yellow; }
Some things you canchange withCSS • colors • font • fontsize • backgrounds • spacing • sizes • borders • positions(layout)
MORE INFORMATION CONTACT US Website — https://webinfomatrix.com/ Skype — shalabh.mishra Telegram — shalabhmishra Whatsapp — +919212306116 Email — shalabh.mishra@gmail.com Mobile — +919212306116