Home Submit Sources Feeds
CSS Getting Started tutorials
The tutorial that will show you detail explanation of an attribute selector, what is it and how to use it.
Related Tutorials
Selectors in CSS
This section will deal with the basic selectors in the CSS2 specification.
CSS Syntax
Syntax rules for Cascading Style Sheets. Explaining the basic syntax rules, Class selectors, ID selectors, Contextual selectors, Grouping, Inheritance, Comments, Pseudo-classes and Pseudo-elements, Anchor pseudo-classes, the rules origins and calculating specificity.
First Letter
Styles can be added to the first letter of a paragraph of text much like you would find in magazines. To do this, Pseudo-elements, which add different effects to some selectors, or to a part of some selectors, are used.
Advanced Selectors
Selectors are the way you reference the parts of your HTML documents with the styles you want to have applied to them. CSS2 and CSS3 brought with them a host of new selector specifications, designed to allow greater access to the elements and parts of those elements that make up each and every webpage.
Class Selector
CSS contextual selectors enable you to define style commands that can be utilized by many tags. When defining an contextual selector a period is placed before any selector name (Not to be confused with ID selectors that begin with #). When the contextual selector is used within a tag via class = the name of the selector variable only (no period preceding).
CSS first-child and last-child selectors
The CSS selectors :first-child and :last-child are used to apply styling to the first and last child elements of the parent. :first-child is part of the CSS 2.1 specification and :last-child CSS 3 so support is slightly limited for :first-child and more limited for :last-child. A number of browsers also have issues applying the styling correctly after additional elements have been added dynamically.
ID Selector
CSS ID selectors enable you to define style commands that can be utilized by many tags.
Core Concept of CSS
Use CSS sparingly to control a few page elements, and you’d be right to call it a simple methodology. Start pushing the envelope and begin working across multiple style sheets with all sorts of conflicting selectors.
Custom Link Colors
Standard link colors are boring and frequently do not match the color scheme of your website. Pseduo-classes, which add different effects to some selectors, can change the link colors to match your site.
Add an icon before or after a link
CSS has a matching syntax for selectors which makes it possible to match the filename extension at the end of an href. This makes it easy to add an icon which relates to the link before or after the text part of the link.
Grouping
Repetitive commands within CSS can be grouped in order to cut back on the repetition of code sent to the client to be interpreted. This enables you to give several tags similar attributes without have to explicitly state each command over and over.
Introduction To CSS Basics
A collection of 21 FAQs/tutorials tips on CSS (Cascading Style Sheets) basic. Clear answers are provided with tutorial exercises on CSS syntax basics, contextual, class, and id selectors, CSS cascading order rules, grouping CSS definitions, browswer default CSS definitions.
Block Tags Explained
In this tutorial you'll find the detailed instructions on how to work with the block tags: their attributes, examples of usage, and other tips.
CSS Box Model differences in Firefox and Internet Explorer
This describes all elements used in HTML documents. Every element is in the shape of a rectangle (and you wonder why developers cringe when circles are a part of layouts?) A box has several attributes to it, such as width, height, padding, margin, and border.
Shorthand Properties of CSS
Have you ever seen a CSS stylesheet with multiple attributes applied to the one property and wondered how it's done? Let's go through it and make your stylesheets that much better. By looking through this article you will not only save time styling your website, you will also make sure the page is a lot faster loading your website is judged within the first five seconds of someone visiting it
Guide to Backgrounds
As the so called "presentation attributes" for the body element have been deprecated, some of you may be wondering how to add a background image to your XHTML document. The answer is to use CSS. The benefit of using CSS is that you can do a lot more with your background image. This tutorial will show you how.
How to Use CSS for Search Engine Optimization
Using external CSS files to determine the design attributes creates clean HTML code and will create better search engine rankings. With some knowledge of CSS you can change the code without destroying the visual layout.
CSS - Cascading Style Sheet
CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make our HTML code much more readable and the page size will be reduced.
 
Categories