STRIKELORD: K, Lets Start I Wil Teach You Three With Its - » STRIKECODED

STRIKELORD said to R9pK1d 0n 2016-05-01 08:04

K, Lets Start I Wil Teach You Three With Its Example...

There are three ways of inserting a style sheet:

*.External style sheet
*.Internal style sheet
*.Inline style

External Style Sheet
With an external style sheet, you can change the look of an entire website by changing just one file!
Each page must include a reference to the external style sheet file inside the

<link> element. The <link> element goes inside the <head> section:
EXAMPLE :
An external style sheet can be written in any text editor. The file should not contain any html tags. The style sheet file must be saved with a .css extension. Here is how the "myStyle.css" looks: Note:Do not add a space between the property value and the unit (such as margin-left:20 px; ). The correct way is: margin-left:20px; Internal Style Sheet An internal style sheet may be used if one single page has a unique style. Internal styles are defined within the <style> element, inside the <head> section of an HTML page: Example: Inline Styles An inline style may be used to apply a unique style for a single element. To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property. The example below shows how to change the color and the left margin of a <h1> element: Example: Note: An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly! CSS REFERENCE the below css references work together in a css padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor directionetc. Eg of the above functions Nw Study The Above Css Tips And Check Where You Dnt Understand..

rated(0)

Online Members

1 Guests