Welcome Guest! (App Version 3.1)
Basic CSSWhat is CSS? My First Program Height & Width Background & Color Box Model Text Formatting Comments Display Position z-index Opacity Float & Clear:both Image Sprites
CSS SelectorsSelectors In CSS Basic Selectors Relational Selectors Attribute Based Selectors Child & Nth-type Selectors Pseudo Classes Selectors Pseudo Elements Selectors Negation Selector
Multi-Device SupportMDS Methods Responsive Web Design By Media Query By Fluid Web Design By UI Framework Adaptive Web Design Separate Domain & Content MDS Approaches Mobile First Approach Desktop First Approach MDS Design Process Progressive Enhancement Graceful Degradation
CSS 3Border-radius Box-Shadow Text-Shadow Multiple Column Background Images Border Image Custom Web Fonts New Color Formats Flex Box Gradients Linear Gradients Radial Gradients Transformation 2D-Transformation 3D-Transformation
CSS QuizCSS Quiz 1
!importanthas highest priority in case of CSS conflict.
CSS stands for Cascading Style Sheets. It is not a language but rather a method to beautify html pages without much hassle. CSS is the power of beautification that is implied on to simple HTML elements. Black and White combination of simple texts can be converted to beatiful eye-catching items. It is not wrong to say that if HTML is father of Web Designing, CSS is the mother of it. With the help of CSS files we can very easily control and customize the height, width, color, background, or any other attribute or property of an HTML element.
While HTML will only set the basic layout or skeleton of a webpage, CSS will add the various traits of backgrounds, colors, opacity, dimensions, font-family, font-size, text-styling, position, and many more. It is not be wrong to say that html only creates a basic sketch, but CSS adds life to it.
There are three ways to add CSS Styles to your web page:
Inline styles have highest priority, followed by internal style sheets, followed by external style sheets. This means, if there is a conflict in style properties for an element, then the least priority would be given to the style written in external style sheet, while the highest priority would be given to inline style for that element.
Though the rule mentioned above holds true in normal cases, but there is an exception to this rule. The master of all is !important keyword. This keyword provides a Veto to the rule given above. Hence applying !important to some styling written in external style sheet would overrule the inline styling for that element.