Skip to main content

Difference Between ID and Class



 DOWNLOAD Output File

ID's area unit distinctive

Each component will have only 1 ID
Each page will have only 1 component therewith ID
When I was 1st learning these things, I detected over and over that you simply ought to solely use ID's once, however you'll use categories over and over. It essentially went in one ear and out the opposite as a result of it plumbed a lot of sort of a sensible "rule of thumb" to ME instead of one thing extraordinarily necessary. If you're strictly AN HTML/CSS person, this perspective will persist as a result of to you, they extremely do not appear to try to to something completely different.

Here is one: your code won't pass validation if you employ constant ID on quite one component. Validation ought to be necessary to all or any folks, in order that alone may be a huge one. We'll re-evaluate a lot of reasons for individualism as we have a tendency to continue.

Classes don't seem to be distinctive

You can use constant category on multiple components.
You can use multiple categories on constant component.
Any styling info that must be applied to multiple objects on a page ought to be through with a category. see example a page with multiple "widgets":

Comments

Popular posts from this blog

11 Creativity Text Styles and Hover Effects CSS3 | Tutorial SVG masking ...

HOW TO CREATE BORDER USING HTML AND CSS

A border in your hypertext mark-up language pages will facilitate bring attention to an area of text or surround the other hypertext mark-up language component. As is seen below a border is created around any text victimization hypertext mark-up language and CSS on your website. within the example below we've enclosed a paragraph (<p></p>) with a red border. In the on top of code, the fashion is process the border size (px short for pixel), style type, and border color. the fashion of the border is however the border seems on screen. alternative kinds of border designs embrace dotted, dashed, double, groove, ridge, inset, and outset. The border color defines the colour you would like to use for the border. within the on top of example, the colour code #FF0000 was used, that is that the code for red. All of the on top of examples use "inline" designs to make the borders. you'll conjointly use "embedded" vogue sheets or "external...

ShineBlog || Blog & e-Commerce Template

ShineBlog could be a clean ,unique and artistic diary hypertext mark-up language example. ShineBlog can be a light-weight bright blog example, tailored to showcase your content in Associate in Nursing effortlessly unchanged vogue. boast common choices sort of a full-width Instagram footer house, a showstopping featured house slider. this can be a really clean hypertext mark-up language diary example.               LIVE DEMO        DOWNLOAD HTML Files 5 Home layout, Single product page, Single diary Page, All diary page, About us Contact Us, Post Slider, This example contained following Features: Modern and artistic style, Pixel excellent, Well bedded & classified in a very Logical Manner, Based on Bootstrap 1170px Grid System, Uses free Fonts (Google Fonts), Post Slider, ...and much a lot of options !,