SIDEBAR
»
S
I
D
E
B
A
R
«
Different Types of Selectors in CSS
by sheri

Different Types of Selector in the CSS

CSS Selectors, as the name implies, select an element corresponding to it in the coding of your HTML web page. There are a number of selectors depending upon their scope throughout the web page. Availability of a number of selectors in the CSS makes it different, more reliable, and one of the most powerful languages over the Internet. You must choose any selector according its scope throughout your web page i.e., how much you want to use it in your web page. So, below are a list of selectors used while designing CSS for a web page.

Universal Selector

Universal Selector is represented by an asterisk (*) sign also called a wildcard. With this selector we can any or all elements in the document. It is defined as

* { color : red; }

The above example will apply red color to all the foreground text to all the elements. It includes headings, paragraph, div element, cells in tables, etc..

Element Selector

An element selector selects every element in the document that matches the tag designed with that selector. Element selector is more specific than that of the Universal Selector.  For example,

ex { color: red; }

In this, every ex tag in the document will be given red foreground color. These are also called as type selectors too. If there are a number of elements corresponding to this tag then it will be modified according to the attribute properties specified under this selection.

List of Best CSS Tricks
by sheri

List of Best CSS Tricks

CSS, a very well known language that helps us in giving style to our web page, so that the viewer can feel happy, get all the information that he wants and would love to visit our web page again and again. So, there are many tips and tricks that can apply to different sections of a web page to make it look attractive. This is the reason why we are providing a list of best CSS tricks we are providing. This list comprises of the style and the things that we can perform using CSS, it may be at the basic level, intermediate level or at the advanced level. But most probably you will find it in the ascending order of their complexity or their level.

• Choose good typography style for your blog or website so that the person who visit on that blog or website feels comfortable in reading the desired content. The visitor must find easy to find the content on the page so that they return back again to your page to solve any query in the future. If the typography is not good then there are lots more options available to the user.

• You can define a class for heading (<h1> tag), so that you can replace the heading text with an image or a stylish font. Only <h1> heading tag is specified here, this is because of the fact that the title of the article you are writing is most important as any search engine consider your content by finding it out by its title text. So, this is the way you can make it attractive and yet makes it searchable for search engine to count upon.

Design Box Model on your Web page using CSS
by sheri

Design Box Model on your Web page using CSS

Box Model, a term that used in CSS only which include all that is near around the box. If we talk about the box model in CSS, it will comprise of all the things belongs to that box model i.e., borders, margins, padding and the content associated with it. All these terms have their specific meaning in accordance to design and give style to the content of your web page. Let’s have a quick learning of the meaning of these terms.

  • Border : Border provides a specific outline around the content. All the content resides inside this boundary. This border value can vary according to how the developer wants it to look like. You can also provide the color for the border.
  • Margin : A transparent area around the border. The value you give to the margin attribute, that much amount of area will get clear around the border of that content. There is no color associated with the margin area.
  • Padding : The spacing between the content and its border. This clears the area between the two and helps in giving a better look to the content of your web page.
  • Content : The text or an image that appears on the web page.

Now using the above attributes, the developer can make a box model looks attractive. The things that you can do with the box model are mentioned below with the details of the attributes associated with them.

SIDEBAR
»
S
I
D
E
B
A
R
«
© Copyright cssblaze.com