Class usage and it's example in css latest version in CSS forum
Virtual Position Forum :: Members Lounge :: Sciences & Knowledge :: Programing and Design :: HTML & CSS
Page 1 of 1 • Share
Class usage and it's example in css latest version in CSS forum
Let's see that how we can use the class inside the css. Its really easy not a rocket science. IN Css we should have to start it in the head and then it will be started with the "." Dot and then we can write the name of the class let's see the example that how it works. For that
[You must be registered and logged in to see this image.]
it shows that how it works. Now note that the class name should not be start with a number other wise it will not work other web browser then Internet explorer.
We also can specify that only specific HTML element like a p for paragraph tag
Lets see an other example which will show that how CSS works with class
It will not show the result as we see in the previous example.
[You must be registered and logged in to see this image.]
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.center {
text-align:center}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p class="center">Welcome to new class</p>
<h1 class="center">Heading is center because of the Class</h1>
</body>
</html>
it shows that how it works. Now note that the class name should not be start with a number other wise it will not work other web browser then Internet explorer.
We also can specify that only specific HTML element like a p for paragraph tag
Lets see an other example which will show that how CSS works with class
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
p.center {
text-align:center}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css class</title>
</head>
<body>
<p class="center">Welcome to new class</p>
<h1 class="center">Heading is center because of the Class</h1>
</body>
</html>
It will not show the result as we see in the previous example.
WikiLeaks- Monstars
- Posts : 26
Join date : 2011-05-29
Similar topics
» Notepad Class 4(Last Class)
» What does constructor do in class?Why we use copy constructor in class. Is it necessa
» When will I be billed for the service usage for Evo 3G
» How can I check my usage limit for My Evo 3G
» The Usage Of Exam Software in Final Term Paper
» What does constructor do in class?Why we use copy constructor in class. Is it necessa
» When will I be billed for the service usage for Evo 3G
» How can I check my usage limit for My Evo 3G
» The Usage Of Exam Software in Final Term Paper
Virtual Position Forum :: Members Lounge :: Sciences & Knowledge :: Programing and Design :: HTML & CSS
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Sat May 04, 2024 11:49 am by ali001
» house disrepair claims
Thu May 02, 2024 4:29 pm by Ibad Khan Buledi
» Bounce n Bang: Physics puzzler
Thu May 02, 2024 11:39 am by ali001
» AIChatSY - AIChatbot Assistant
Wed May 01, 2024 10:48 am by ali001
» Storybook Magic App
Tue Apr 30, 2024 7:06 pm by ali001
» Flower Book Match3 Puzzle Game
Tue Apr 30, 2024 12:17 pm by ali001
» Avian Influenza Symptom in Chickens "Bird Flu H5N1 Virus" Vet learning materials, Poultry Farming
Sat Apr 27, 2024 9:57 am by Ibad Khan Buledi
» Aloha Planner - Note-Taker
Thu Apr 11, 2024 4:52 pm by ali001
» Streaming Guide Film TV Series
Tue Apr 09, 2024 9:39 pm by ali001