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.
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.
31
Mar
For those who are just beginners in this, must know that Lists are in two basic flavors: ordered and unordered. Though since CSS allow you to customize your HTML .
Styling Type in CSS
When you want to have more than default to your numbering of ordered lists, bullets, discs, the answer is to choose a different style for the list. You have to know that CSS allows you to select from a large gamut of different lists item shapes.
- Ordered list style : circle, disc, square..
- Unordered style : lower-alpha, lower-roman, decimal, upper-roman..
27
Mar
Web typography has started to be on a high level of interest over the last year, in many debates, articles, tutorials, and theory for more knowledges. Good theory needs control so the results to be precise in size and height. The problem is on the web, since the developer has the chance to control the design, and more its implication can change the image that the text will have on the web.
The following article, tries to put together designers needs for the accuracy, when it comes for resizing text on demand, needs that must be satisfied when it comes across browsers and platforms.
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…