Learn web design | Free templates

CSS Float Property | Watermark effect with CSS

CSS Pseudo-elements basic tutorial video

Make money on website | Why ads Showing blank space on website | blogger

 DOWNLOAD   Output file The font-size value can be an absolute, or relative size. Absolute size: Sets the text to a specified size Does not allow a user to change the text size in all browsers (bad for accessibility reasons)  Absolute size is useful when the physical size of the output is known Relative size:  Sets the size relative to surrounding elements  Allows a user to change the text size in browsers

 DOWNLOAD  Output file CSS Outline An outline is a line that is drawn around elements (outside the borders) to make the element "stand out". However, the outline property is different from the border property. The outline is not a part of an element's dimensions; the element's total width and height is not affected by the width of the outline. All CSS Outline Properties The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

 DOWNLOAD output file You can define an inline frame with the <iframe> tag. The <iframe> tag is not used within a <frameset> tag. Instead, it appears anywhere in your document. The <iframe> tag defines a rectangular region within the document in which the browser displays a separate document, including scrollbars and borders.

 DOWNLOAD Output file CSS Border Properties 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: Border Width The border-width property is used to set the width of the border.  The width is set in pixels, or by using one of the three pre-defined values: thin, medium, or thick. Note: The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first. Border Color The border-color property is used to set the color of the border. The color can be set by:  name - specify a color name, like "red"   RGB - specify a RGB value, like "rgb(255,0,0)"   Hex - specify a hex value, like "#ff0000" You can also set the border color to "transparent". Note: The "border-color" property do...

 DOWNLOAD   Output file LIST TAGS  Three different types of lists are used in HTML.  Unordered list , Ordered list , Definition list. Unordered List:  In an unordered list, the items are listed in an unordered fashion. Basically, in an unordered list, two main attributes are used, viz., ID and TYPE. The following table gives the description of attributes However, if you don't specify any type in an unordered list, the default type will be disc bullets. Ordered List:  In an ordered list, items are listed in an orderly fashion. Like an unordered list, an ordered list also has the basic attributes ID and TYPE. Following table gives the description of the attributes of an ordered list.  However, if you don't specify any type in an ordered list, the default type will be Numbers. A Definition list is one in which definition or description of the items are given. A Definition list is defined by<dl>tag. The items are encoded ...

 DOWNLOAD   Output File

 DOWNLOAD Output File

 DOWNLOAD  Output File

The box-shadow CSS property will add a shadow beneath associate degree HTML component thus it's am fond of it is raised on top of the opposite HTML components within the page, virtually like 3D. The offsetX and offsetY parameters specify what quantity the shadow is to "stick out" from the hypertext mark-up language part. The offsetX parameter specifies the gap on the coordinate axis and also the offsetY specifies the gap on the coordinate axis. you'll use each positive and negative numbers to manage wherever the shadow is displayed. The box-shadow CSS property takes five parameters. The format seems like this: < !DOCTYPE html > < html > < title > 2D < /title > <h ead > < style > div{  height:200px; width:200px; border:2px solidgray; border-radius:20px; box-shadow:20px 10px 20px black , 30px 20px 30px green; background:-webkit-linear-gradient(rgba(200,120,220,0),rgba(200,220,20,1)) ...

A border in your hypertext mark-up language pages will facilitate bring attention to an area of text or surround the other hypertext mark-up language component. As is seen below a border is created around any text victimization hypertext mark-up language and CSS on your website. within the example below we've enclosed a paragraph (<p></p>) with a red border. In the on top of code, the fashion is process the border size (px short for pixel), style type, and border color. the fashion of the border is however the border seems on screen. alternative kinds of border designs embrace dotted, dashed, double, groove, ridge, inset, and outset. The border color defines the colour you would like to use for the border. within the on top of example, the colour code #FF0000 was used, that is that the code for red. All of the on top of examples use "inline" designs to make the borders. you'll conjointly use "embedded" vogue sheets or "external...