Styling Links Links can be styled with any CSS property (e.g. color, font-family, background, etc.). Example <!DOCTYPE html> <html> <head> <style> a { color: hotpink; } </style> </head> <body> <h2>Style a link with a color</h2> <p><b><a href=”default.asp” target=”_blank”>This is a link</a></b></p> </body> </html> Result: Style a link with a color This is a link In addition, links can… Read More »
How To Add Icons The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome. Add the name of the specified icon class to any inline HTML element (like <i> or <span>). All the icons in the icon libraries below, are scalable vectors that can be customized with CSS… Read More »
Choosing the right font for your website is important! Font Selection is Important Choosing the right font has a huge impact on how the readers experience a website. The right font can create a strong identity for your brand. Using a font that is easy to read is important. The font adds value to your… Read More »
Text Color The color property is used to set the color of the text. The color is specified by: a color name – like “red” a HEX value – like “#ff0000” an RGB value – like “rgb(255,0,0)” Look at CSS Color Values for a complete list of possible color values. The default text color for a page is defined… Read More »
An outline is a line drawn outside the element’s border. CSS Outline An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element “stand out”. CSS has the following outline properties: outline-style outline-color outline-width outline-offset outline CSS Outline Style The outline-style property specifies the style of the outline, and can have… Read More »
All HTML elements can be considered as boxes. The CSS Box Model 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 every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the… Read More »
The CSS height and width properties are used to set the height and width of an element. The CSS max-width property is used to set the maximum width of an element. CSS Setting height and width The height and width properties are used to set the height and width of an element. The height and width properties do not include padding, borders, or margins. It… Read More »
Padding is used to create space around an element’s content, inside of any defined borders. CSS Padding The CSS padding properties are used to generate space around an element’s content, inside of any defined borders. With CSS, you have full control over the padding. There are properties for setting the padding for each side of an element… Read More »
Margins are used to create space around elements, outside of any defined borders. CSS Margins The CSS margin properties are used to create space around elements, outside of any defined borders. With CSS, you have full control over the margins. There are properties for setting the margin for each side of an element (top, right, bottom, and… Read More »
he CSS border properties allow you to specify the style, width, and color of an element’s border. CSS Border Style The border-style property specifies what kind of border to display. The following values are allowed: dotted – Defines a dotted border dashed – Defines a dashed border solid – Defines a solid border double – Defines a double border groove – Defines… Read More »