Welcome Guest   ·   Login   ·   Register   ·   Member List
Forum Home  >  CSS in action  >  Post a CSS code example  >  Thread
Search  
  
  Advanced Search
   
 
Any other ways to add style into webpage?
 
john2012748
Posted: 28 March 2011 02:56 PM   [ Ignore ]
Newbie
Rank
Total Posts:  3
Joined  2011-03-25

Here i’m looking for how to add style into webpage. Apart from inputing <STYLE>...</STYLE> between <HTML> and <BODY> in HTML text, like the following,
<html>
　　<head>
　　<title>text title</title>
　　<style type=“text/css”>
　　<!—
　　body {font: 10pt “Arial”}
　　h1 {font: 15pt/17pt “Arial”; font-weight: bold; color: maroon}
　　h2 {font: 13pt/15pt “Arial”; font-weight: bold; color: blue}
　　p {font: 10pt/12pt “Arial”; color: black}
　　—>
　　</style>
　　</head>
　　<body>
are there any way else to add style into webpage?

Profile
 
 
jonathan cole
Posted: 04 April 2011 11:38 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  9
Joined  2011-02-18
john2012748 - 28 March 2011 02:56 PM

Here i’m looking for how to add style into webpage. Apart from inputing <STYLE>...</STYLE> between <HTML> and <BODY> in HTML text, like the following,
<html>
　　<head>
　　<title>text title</title>
　　<style type=“text/css”>
　　<!—
　　body {font: 10pt “Arial”}
　　h1 {font: 15pt/17pt “Arial”; font-weight: bold; color: maroon}
　　h2 {font: 13pt/15pt “Arial”; font-weight: bold; color: blue}
　　p {font: 10pt/12pt “Arial”; color: black}
　　—>
　　</style>
　　</head>
　　<body>
are there any way else to add style into webpage?

You can try any of these.
  * Using proprietary HTML extensions
  * Converting text into images
  * Using images for white space control
  * Use of tables for page layout
  * Writing a program instead of using HTML


Ecommerce Web Design

Profile
 
 
Dr. MadCow
Posted: 06 May 2011 07:52 PM   [ Ignore ]   [ # 2 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2007-08-26

You could also use jQuery to modify your styles.  I’ve used jQuery to change css styles when items are hovered over, and than change the styles back when the mouse is moved.

Profile
 
 
Jason Smith
Posted: 29 November 2011 07:08 AM   [ Ignore ]   [ # 3 ]
Jr. Member
RankRank
Total Posts:  45
Joined  2010-05-17

There are three ways to insert style through CSS.
External style sheet
Internal style sheet
Inline style
in the above mention code you can add the internal Style sheet. you can also add the external style sheet(.css) on your HTML page. The advantage of adding external sheet is that you can apply it on different pages.
<head>
<link rel=“stylesheet” type=“text/css” href=“mystyle.css” />
</head>
Inline style sheet you use the style attribute in the relevant tag.
<h1 style=“color:sienna;margin-left:20px”>This is a heading 1.</h1>
you can also use the JavaScript to add style in your Pages.

Profile
 
 
   
 
 
‹‹ North Sydney Dentist