When you decide to use CSS, it is best to use and keep your CSS file separate from HTML. Doing that will give you the chance to see the difference between the content and design (CSS). External CSS contains just CSS code and is being saved in file extension. After that the CSS file is being referenced into your HTML just using <link> and not <style>. The following tutorial will explain everything for you.
12
May
For basic CSS users we already know that Style Sheets comes in three flavors : internal, external and inline. The internal and external cover are the only flavors that designers should utilize. The following tutorial will show you the first steps of internal.Using Internal CSS, must come by adding a new tag, <style>, and inside <head> tag. Your HTML code will have an example of <style>’s usage.
10
May
It is considered to be one of the most difficult aspects when we are about to create a page and we are not using tables, and being able to control the line breaks. CSS must be use to simulate <br>/ and after use an element. Line breaks occur with some elements (header, list, elements, paragraphs) and this is still a problem that we haven’t shown yet.
The display property has few issues and also few more hidden problems. In the following tutorial we will show you in a short but comprehensive discussion the most used CSS Display values.
8
May
Many users are doing hard confusion when its about using CSS IDs and also about CSS Classes that should be used instead. In the following tutorial we want to show you the differences and to provide some info about CSS IDs.
ID Selector definition:
W3C names ID class as ‘unique identifier to an element’. What really means?If you have read the CSS lesson, we simply say to do so.
7
May
Having already a large gamut of knowledge about CSS Positioning we will be able in short time to manipulate the position of HTML elements. We know that some designs require using JavaScript or HTML image maps, and are not 100% made in CSS. Coding is easier ad faster.
Absolute Position
The absolute positioning defines the exact px value where the HTML element will be. The origin point is the top-left of the browser’s viewable area, so start from that point.
6
May
CSS Properties
The meat of HTML language are being made by the tags like (i.e.,<b>,<body>,<a>,etc). Css has many properties (Font, Box, Color, Text) that we are already explained over in some tutorials.
If you don’t know already CSS has grouped into logical goups its properties, and so an order has been made for them, than HTML who is not. The following tutorial will give you a short and ‘keen’ description of each CSS properties. So, here are the Css references.
Text Properties
5
Apr
Many types of different mouse cursors are used when we are using Windows, Linux, or other operating system. The normal and the very know mouse cursor icon looks like arrow; it is an “I” icon selected from text and then applied a animated logo.
CSS can help you to change the different mouse icons appearances.
Cursor Icons
The following tutorial will help you how to modify the mouse cursor icon, just with some few HTML elements.
- help – question mark.
- text – when selecting text, a shaped icon.
- wait – icon, that represents the computer thinking.
- pointer – icon to see when you are hover over an HTML url.
- default – usually mouse cursor icon.
5
Apr
CSS is one of the millennium greatest thing. CSS can help you doing amazing stuff like adding more effects to your layout, adding buttons, adding and adding. But when you are using HTML, JavaScript can be a single solution, but CSS can be a helpful hand and so other coding can be forgotten.
CSS – Link States
A link has 4 different states that it can be in. So with the help of CSS you are able to customize each and every one. The following keywords correspond to one specific state :
- active – a link that is being in the process to be clicked.
- visited – a link used before, but with no mouse on it.
- link – no used link, or no mouse hover on it.
- hover – a link that has a mouse pointer hover on it.
Friendly Links
Categories
Recent Posts
- CSS Syntax
- Classic two-column layout with left side – Tutorial
- CSS Styleguides a fast way to reach Readability
- CSS – a Way to lead to Master Design
- Centering an image in a div
- Styles used Everytime I start a new site
- Different Styles to IE6 and IE7
- Updates and news in CSS
- Page Indicator in CSS – not scripting
- Round Corners in CSS
- CSS Collection II 2008
- CSS Collection 2008
- Pagination Style in CSS
- What you should NOT DO IN CSS
- Media Types in CSS2
Sponsors
Sponsors
Recent Entries
- CSS Syntax
- Classic two-column layout with left side – Tutorial
- CSS Styleguides a fast way to reach Readability
- CSS – a Way to lead to Master Design
- Centering an image in a div
- Styles used Everytime I start a new site
- Different Styles to IE6 and IE7
- Updates and news in CSS
- Page Indicator in CSS – not scripting
- Round Corners in CSS
Recent Comments
- Michael in Best CSS Galeries
- group work in c… in CSS working Techniques
- css framework in Frameworks & CSS Reset
- understanding c… in Floating elements
- website develop… in Modern Solutions in CSS Based Forms…
- designing for c… in Best CSS Galeries
- designing for c… in CSS Based Footers, Solution For Eve…
- web development… in Techniques for a Professional CSS d…
- Webpage Templat… in Techniques for a Professional CSS d…
- web buttons in CSS Based Footers, Solution For Eve…