Unlimitedapps
Beecoded Internal, External Css Or Both?
Unlimitedapps
Beecoded 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 :
<head>
<link rel ="stylesheet" type ="text/css" href ="mystyle.css">
</head>
Copy code
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:
body {
background-color : lightblue ;
}
h1 {
color : navy ;
margin-left : 20px ;
}
Copy code
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:
<head>
<style>
body {
background-color : linen ;
}
h1 {
color : maroon ;
margin-left : 40px ;
}
</style>
</head>
Copy code
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:
<h1 style ="color:blue; margin-left:30px;">This is a heading. </h1>
Copy code
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
<style>.onyechelsealord {background-color: #fff; padding: 2px; text-align: center; color: green;}</style>
Copy code Nw Study The Above Css Tips And Check Where You Dnt Understand.. Css stylesheet generator @
http://unlimitedapps.xtgem.com/Wapmasta/Waptools/css_generator.html .
Beecoded
Unlimitedapps Pls i dnt understand well pls
and i also need ur( subscrib ur email 4 cheat@ur home page
Unlimitedapps
Beecoded Where didn't u understand in the css? For the subscription form, read the tutorial on how to get it
Here.
Unlimitedapps
Beecoded What's wrong with the page.
Unlimitedapps
Beecoded The page is working perfectly!
Beecoded
Unlimitedapps <!-- Random image and text script generated from
http://unlimitedapps.xtgem.com -->
<script language="JavaScript">
<!--
aandj = new Array('<div style="background-color:#dd0000;border:3px none #d0d0d0;padding:10px 10px 10px 10px;"><img src="http://cycwap.xtgem.com/LOGO/B11.png"width="110" height="30"><br /><font style="display:block;font-weight:normal;font-color:#666600;text-align:left;">Your Text Here</font></div>','<div style="background-color:#dd0000;border:3px none #d0d0d0;padding:10px 10px 10px 10px;"><img src="http://cycwap.xtgem.com/LOGO/B10.png"width="110" height="30"><br /><font style="display:block;font-weight:normal;font-color:#666600;text-align:left;">Your Text Here</font></div>','<div style="background-color:#dd0000;border:3px none #d0d0d0;padding:10px 10px 10px 10px;"><img src="http://cycwap.xtgem.com/LOGO/B9.png"width="110" height="30"><br /><font style="display:block;font-weight:normal;font-color:#666600;text-align:left;">Your Text Here</font></div>','<div style="background-color:#dd0000;border:3px none #d0d0d0;padding:10px 10px 10px 10px;"><img src="http://cycwap.xtgem.com/LOGO/B8.png"width="110" height="30"><br /><font style="display:block;font-weight:normal;font-color:#666600;text-align:left;">Your Text Here</font></div>','<div style="background-color:#dd0000;border:3px none #d0d0d0;padding:10px 10px 10px 10px;"><img src="http://cycwap.xtgem.com/LOGO/4.png"width="110" height="30"><br /><font style="display:block;font-weight:normal;font-color:#666600;text-align:left;">Your Text Here</font></div>');
n=Math.floor(Math.random() * 5);
document.write(aandj[n]);
//-->
</script>
<!--
http://unlimitedapps.xtgem.com -->
