Watermark Concepts
CSS also comes with properties that allow you to define how how the background image (background) you in the show. First, property "Background-image" allows you to specify a background image for each HTML element. If you require this background as a watermark, which can not discroll when you to scroll down a page, you must add property "background-attachment" - The values accepted are "fixed" and "scroll" You can also set a Yes / No its an image / images that pass through one page with the property "background-repeat". This property may be taken one of four parts: a "repeat" (horizontal layout and vertically), "repeat-x" (horizontal position only), "repeat-y" (where it is vertical only), and "no repeat" (no arrangement) The examples below we take to indicate the keyword "repeat-y", please try:
<html>
<head>
<style type="text/css" media="all"> . Question {font-size: 20pt; background-image: url (". / letak_folder / bunga.gif"); background-repeat: repeat-y} </ Style>
</ Head>
<body>
<p class="question"> Q. Hmm ... turns out you now have to understand about the concept of a watermark? A. Yes, There Really is sir! </ P>
</ Body>
</ Html>
CSS formatting model assumes that each element is surrounded by three areas different. Starting from the inside out, this area is the padding, border, and margin. Each of these entities can be arranged through special CSS properties, allowing the developers to briefly set the display and positioning of each HTML element. Value margins (the margins) can be set large and located through property "margin-top", "Margin-bottom", "margin-right", and "margin-left".
<html>
<head>
</ head>
<body>
<Div style = "position: absolute; top: 10; left: 50; font-family: Verdana; font-size: 35pt; color: green; "> Q. Does everyone who reads this module already understand? </ Div>
<Div style = "position: absolute; top: 140; left: 300; font-family: Verdana; font-size: 20pt; color: blue; "> A. Not Necessarily! </ Div>
<Div style = "position: absolute; top: 180; left: 50; letter-spacing: 5px; font-family: Verdana; font-size: 33pt; color: red; "> The ability of each individual is not necessarily the same. </ Div> </ Body>
</ Html>
ORGANIZING FILE CSS
One of several technological prowess css is - and is the reason many people Like its use - is to allow us to define a global style sheet that can apply css rules to the overall HTML documents on your pages. The advantage is clear, if we want to change the look of the site, we live editing one file only and the results will be reflected on the overall HTML document linked to it.
Example:
Create a folder named css - create a file named global.css. Move the CSS tag of the file. html to global.css. To give effect rules all Style-Sheet or to a specific HTML document,
add the tag between <HEAD> ... </ HEAD>,
becomes:
<head>
<Link rek = "stylesheet" href = "http://www.webkamu.com/style/global.css" type = "text / css" media = "all" />
</ Head>
and all rules of Style-sheet in "global.css" will be applied automatically into HTML documents that want to be informed Style-Sheet. Or can also import Style-Sheet by using keywords (keyword) "@ import",
<style type="text/css" media="all"> @ Import url (http://www.webkamu.com/global.css); </ Style>
CSS also comes with properties that allow you to define how how the background image (background) you in the show. First, property "Background-image" allows you to specify a background image for each HTML element. If you require this background as a watermark, which can not discroll when you to scroll down a page, you must add property "background-attachment" - The values accepted are "fixed" and "scroll" You can also set a Yes / No its an image / images that pass through one page with the property "background-repeat". This property may be taken one of four parts: a "repeat" (horizontal layout and vertically), "repeat-x" (horizontal position only), "repeat-y" (where it is vertical only), and "no repeat" (no arrangement) The examples below we take to indicate the keyword "repeat-y", please try:
<html>
<head>
<style type="text/css" media="all"> . Question {font-size: 20pt; background-image: url (". / letak_folder / bunga.gif"); background-repeat: repeat-y} </ Style>
</ Head>
<body>
<p class="question"> Q. Hmm ... turns out you now have to understand about the concept of a watermark? A. Yes, There Really is sir! </ P>
</ Body>
</ Html>
CSS formatting model assumes that each element is surrounded by three areas different. Starting from the inside out, this area is the padding, border, and margin. Each of these entities can be arranged through special CSS properties, allowing the developers to briefly set the display and positioning of each HTML element. Value margins (the margins) can be set large and located through property "margin-top", "Margin-bottom", "margin-right", and "margin-left".
<html>
<head>
</ head>
<body>
<Div style = "position: absolute; top: 10; left: 50; font-family: Verdana; font-size: 35pt; color: green; "> Q. Does everyone who reads this module already understand? </ Div>
<Div style = "position: absolute; top: 140; left: 300; font-family: Verdana; font-size: 20pt; color: blue; "> A. Not Necessarily! </ Div>
<Div style = "position: absolute; top: 180; left: 50; letter-spacing: 5px; font-family: Verdana; font-size: 33pt; color: red; "> The ability of each individual is not necessarily the same. </ Div> </ Body>
</ Html>
ORGANIZING FILE CSS
One of several technological prowess css is - and is the reason many people Like its use - is to allow us to define a global style sheet that can apply css rules to the overall HTML documents on your pages. The advantage is clear, if we want to change the look of the site, we live editing one file only and the results will be reflected on the overall HTML document linked to it.
Example:
Create a folder named css - create a file named global.css. Move the CSS tag of the file. html to global.css. To give effect rules all Style-Sheet or to a specific HTML document,
add the tag between <HEAD> ... </ HEAD>,
becomes:
<head>
<Link rek = "stylesheet" href = "http://www.webkamu.com/style/global.css" type = "text / css" media = "all" />
</ Head>
and all rules of Style-sheet in "global.css" will be applied automatically into HTML documents that want to be informed Style-Sheet. Or can also import Style-Sheet by using keywords (keyword) "@ import",
<style type="text/css" media="all"> @ Import url (http://www.webkamu.com/global.css); </ Style>
No comments:
Post a Comment