• Contact Us
  • Privacy Policy
BizTech Age Logo
  • Business
  • MarTech
  • Fintech
  • Technology
  • NEWS
  • Reviews
No Result
View All Result
  • Business
  • MarTech
  • Fintech
  • Technology
  • NEWS
  • Reviews
No Result
View All Result
BizTech Age Logo
No Result
View All Result
Home computer

CSS – grouping, class and id

by Abraham Aali
in computer
Reading Time: 2min read
CSS
Share on LinkedInShare on Twitter

CSS (Cascading Style Sheets) is a language with which you can design an internet page beautifully. You can give all tags in HTML the properties you want. There are several options to do this smartly in CSS. This article will discuss a number of options for playing with CSS.

Table of Contents hide
1. RelatedPosts
2. Native vs Hybrid App Development
3. How to choose a web hosting provider?
4. Group
4.1. Example:
5. Additional Options Selectors
5.1. Example
5.2. Example
6. ID
6.1. Example:
7. Notes from yourself

RelatedPosts

Development

Native vs Hybrid App Development

January 20, 2023
134
web hosting

How to choose a web hosting provider?

December 28, 2022
137

Group

It is possible to group multiple Selectors in one definition. This means you only have to write down the definition of the desired style once.

Example:

H1, H2, H3 {
Font weight: 600;
Font size: 12px;
Font family: arial}

Additional Options Selectors

You may need multiple types of paragraphs in your text. Think of quoting someone where you want to make it clear that it is a different kind of text than the rest. By using only the Selector P, you give all paragraphs the same layout. But the solution to the problem lies in defining a Class.CSS

Example

<HTML>
<HEAD>
<TITLE>Quotes</TITLE>
<STYLE TYPE=” text/CSS”>
P.quote { font-size: 10px; font-style: italic;}
</STYLE>
</HEAD>
<BODY>
<p CLASS=”quote”>I have a dream!!</p>
</BODY>
</HTML>
Name the specific paragraph to assign, you distinguish between the regular P and the P with a quote. In the future, you can therefore indicate very precisely per paragraph how you want to see the layout.

Reading Suggestions: Process Discovery and its Impact on Business Processes

In the example, this is done by first defining P.quote. Then you define the format of the paragraph. Then you come across a paragraph in the text of the site in which you include a quote. At that point, you start the paragraph with the <P> tag and add the words: class=” quote”.
You can assign a Class to all Selectors. You can define the Class in your style sheet and you can refer to this Class on your site. But you can make your style sheet even more flexible by defining a number of Classes yourself. You can then assign the Class to any Selector. In the example below you can see what it means.

Example

<STYLE TYPE=” text/CSS”>
.quote { font-size: 10px; font-style: italic;}
</STYLE>
In your HTML code, you can now assign the class quote to any tag you want. This is done by adding the words class=” quote” to the table tag <td>, for example. In the next part, you can assign the class to another tag. The flexibility and possibilities of CSS are therefore endless.

ID

Instead of defining a Class, you can also define an Id. The disadvantage of an Id is that you can only call an Id as a Selector once per page. On the other hand, you can use a Class endlessly.

Example:

#123 { font-weight: bold}

<p id=”123″>Text bold</p>

Notes from yourself

If you’re setting up a large style sheet for your site, it can be helpful to make notes for yourself. If you’re going to make changes later, these notes can help you see what you meant by your style sheet at the time.

In CSS you display the annotation by placing your comment between /* and */.

Tags: computers
Previous Post

7 Helpful Tips To Help Ecommerce Businesses Grow

Next Post

The 4 Best Power Strips Of 2023

Abraham Aali

Abraham Aali

Abraham Aali is a Staff Writer for Biztech Age. He covers industry news, including interviews with executives and industry leaders about the products, services and trends affecting small businesses, drawing on his 20 years of marketing knowledge.He holds a Master’s degree in Business Administration from Qatar University and MSIT from King Abdulaziz University.

Related Posts

Development
Applications

Native vs Hybrid App Development

January 20, 2023
134
web hosting
Software

How to choose a web hosting provider?

December 28, 2022
137
your chromebook
computer

Set up Smart Lock for your Chromebook

December 27, 2022
135
web server
computer

What is a web server?

December 24, 2022
134
Wireless network
wifi

Secure wireless network

December 23, 2022
135
broken USB stick
computer

Fixing a broken USB stick

December 21, 2022
133
Next Post
power Strip

The 4 Best Power Strips Of 2023

Leave Comment
Role of Artificial Intelligence in Business

The Role of Artificial Intelligence in Business: Opportunities and Challenges

January 25, 2023
133
yoga

7 Marketing Tips for Yoga Businesses to Get and Retain Clients

January 25, 2023
134
Performance marketing Analytics

Evaluating the Impact of Performance Marketing and Analytics

January 23, 2023
139
Technology Improve Your Dog

How Can Technology Improve Your Dog’s Life?

January 22, 2023
135
Development

Native vs Hybrid App Development

January 20, 2023
134
Networking Equipment

6 Tips For Choosing The Right Networking Equipment For Your Business

January 19, 2023
138
Sportsurge
Website

Sportsurge – Watch Live Sporting Events for Free

July 17, 2021 - Updated on November 13, 2022
Find The IP Address Of A VoIP
Technology

How Do I Find The IP Address Of A VoIP Phone?

June 11, 2021 - Updated on September 27, 2022
AnimeDao
Reviews

AnimeDao – 13 Questions Answered

November 27, 2021 - Updated on November 13, 2022
NFLbite Review
Website

NFLbite Review

August 4, 2021 - Updated on November 5, 2022
sneakercool Review
Reviews

Sneakercool Review – Is Sneakercool Legit?

November 13, 2022
Champion Gutter Guards
Reviews

Champion Gutter Guards Reviews

November 1, 2022 - Updated on November 5, 2022
Facebook Twitter LinkedIn Pinterest RSS
BizTech Age Logo

BizTech Age explores business and technology issues that IT leaders and business managers face when they’re evaluating and implementing a solution.

Follow Us On News Platforms

BizTechAge on Google News

Quick Links

  • Home
  • Jobs
  • Contact Us
  • Write for Us
  • Privacy Policy
  • HTML Sitemap
  • Advertise With Us

© 2021 BizTech Age Magazine for latest and trending news in Business and Technology Age

No Result
View All Result
  • Business
  • MarTech
  • Fintech
  • Technology
  • NEWS
  • Reviews

© 2021 BizTech Age Magazine for latest and trending news in Business and Technology Age

error: Content is protected !!
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.