Assignment GDB Solution: Css Basic


CSS Margin

CSS Margin The CSS margin properties define the space around elements. The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, […]

CSS Outlines

CSS Outlines An outline is a line that is drawn around elements, outside the border edge, to make the element “stand out”. The outline properties specifies the style, color, and width of an outline. An outline is a line that is drawn around elements (outside the borders) to make the element “stand out”. However, it […]


CSS Border

CSS Border Properties The CSS border properties allow you to specify the style and color of an element’s border. Border Style The border-style property specifies what kind of border to display. None of the border properties will have ANY effect unless the border-style property is set! border-style values: none: Defines no border dotted: Defines a […]

CSS Box Model

The CSS Box Model All HTML elements can be considered as boxes. In CSS, the term “box model” is used when talking about design and layout. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content. The box model allows us […]

Style Tables

Style Table The look of an HTML table can be greatly improved with CSS: Company Contact Country Alfreds Futterkiste Maria Anders Germany Berglunds snabbköp Christina Berglund Sweden Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Königlich Essen Philip Cramer Germany Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini […]

CSS Lists

CSS Lists The CSS list properties allow you to: Set different list item markers for ordered lists Set different list item markers for unordered lists Set an image as the list item marker List In HTML, there are two types of lists: unordered lists – the list items are marked with bullets ordered lists – the […]


CSS Links

CSS Links Links can be styled in different ways. Styling Links Links can be styled with any CSS property (e.g. color, font-family,background, etc.). Special for links are that they can be styleddifferently depending on what state they are in. The four links states are: a:link – a normal, unvisited link a:visited – a link the […]


CSS Text formatting

text formatting This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the link. Text Color The color property is used to set the color of the text. With […]


CSS Background style

CSS background properties are used to define the background effects of an element. CSS properties used for background effects: background-color background-image background-repeat background-attachment background-position Background Color The background-color property specifies the background color of an element. The background color of a page is defined in the body selector: body {background-color:#b0c4de;} With CSS, a color is […]