CSS Concept » CSS Tools http://www.cssconcept.com CSS can be just that easy.. Sat, 07 Jun 2008 13:07:15 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 CSS Properties http://www.cssconcept.com/css/css-properties http://www.cssconcept.com/css/css-properties#comments Tue, 06 May 2008 18:07:50 +0000 admin http://cssconcept.com/css/css-properties 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

So you can control spacing, decoration, alignment and other aspects to the text. We have made a list with all the CSS text properties.

  • letter-spacing
  • word-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • text-align
  • text-indent
  • line-height

Font Properties

If you want to control all aspects to your text graphical representation you can do it with font properties. To have thickness to your font(font-weight) to font type (font-family) to your choice. Bellow are the font properties :

  • font
  • font-family
  • font-size
  • font-style
  • font-weight
  • font-variant

Color Properties

Color Properties defines what color the text inside the specific HTML element will have. You can use classes or indentifiers for multiple color for one type of HTML element.

  • Color

Classification Properties

The classification properties as having the list element and all the leftover elements that would not fit into any other category. Check out our CSS Properties Reference for a an example of all the properties mentioned here.

  • Display
  • Whitespace
  • List Style
  • List Style Type
  • List Style Image
  • List Style Position

Background Properties

Background properties control things like if the background is a single color or maybe an image. If it’s an image you can set the position of the image and tell it whether or not you want the image to repeat left-to-right and/or top-to-bottom.

  • Background
  • Background Color
  • Background Image
  • Background Repeat
  • Background Attachment
  • Background Position

Box Properties

The box properties are used to define the spacing in and around HTML element, their borders, and other positioning aspects. Border, Margin, and Padding all have four properties each: top, right, bottom, and left.

  • Margin
  • Padding
  • Border
  • Border-width
  • Border-color
  • Border-style
  • Width
  • Height
  • Float
  • Clear
]]> http://www.cssconcept.com/css/css-properties/feed 0 Great List of CSS Tools http://www.cssconcept.com/css-tools/great-list-of-css-tools http://www.cssconcept.com/css-tools/great-list-of-css-tools#comments Sat, 23 Feb 2008 15:11:34 +0000 admin http://cssconcept.com/css-tools/great-list-of-css-tools More than simple, useful and really handy, tools that are being used when you are making a project or you are in developing something are just great. You can have more option from font size, to create rollover – navigation, from online – forms, to slide – show, format CSS code or optimize code..you can use more than hundreds of tools to make it easier..

We have here collected more useful CSS tools, at least most of them and we have tried to make a precise overview. The conclusion is : Useful CSS – Tools you can develop tableless web-sites..

Forms

Css Form Layout generator

CSS form generator will create a nice looking layout for forms.

JotForm

First Web Based WYSIWYG Form..

Accesible form Builder

Generate XHTML..quick and easy..

Layout

Layout-0-matic

Generates tableless CSS layouts and perspectives for touch of a button..

Scriptomizers

A CSS stylesheet generator

QrONE CSS Designer

CSS generator..

CSS Code Generator

CSS template generator yields a three column layout without using any Tables. .

CSS Creator

CSS Cascading Style Sheet Layout generator for your web site..

CSS Box Generator

Generator for html and css..

Firdramatic

Online tableless layout generator that allows you to create and customise layouts easily only by completing forms..

CSS Source Ordered Variable Border

CSS Source Ordered Variable Border..

Fonts

Text sizing

More than 200 Screenshots..

CSS Font and Text Style Wizard

Wizard to experiment with font and text styles and generate sample CSS style source code..

Korhoen typeviewer

css typeviewer..

Em Calculator

Tool for calculating pixel font sizes to ems..

Typetester

More types to Compare fonts for the screen ..

Formatters and Optimizers

Pretty Printer for PHP, Java, C++, C, Perl, JavaScript, CSS

This is a source code beautifier (source code formatter), similiar to indent..

CSS Compressor

You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. .

Clean CSS – Optmize and Format your CSS

CleanCSS..

CSS Formatierer und Optimierer

CSS optimize..

CSS, HTML, and C Style code

The tabifier is a tool to properly indent computer code..

CSS Compressor

The CSS Compressor makes major changes to stylesheets and is still in developement, so it may not work correctly..

CSS Online

Automatically format your CSS (cascading style sheets)..Tabifer

The tabifier is a tool to properly indent computer code..

Navigation

CSS Menu Generator

Our CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons..

List-O-Matic

Generate CSS-styled navigation menus..

CSS form

With this CSS rollover generator, you can create two distinct styles of rollover button, using CSS and just one image..

Listamatic

Using CSS and a simple list to create radically different list..

List-o-Rama

Generate nice CSS inline menus in seconds..

Misc Tools

Spanky Corners

Is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work..

Create S5 Slideshows Easy Online

Slideshow in only 3 steps..

Selectoracle

Translations of CSS3 selectors..

CSS Scrollbar Color Changer

Use the controls below to change the color of your HTML scrollbars for Internet Explorer..

CSS Love Child

The Man in Blue Experiment – I want the body of Site..

I Like Your Colors

There is a form at the bottom of this page that lets you choose any URL you want to extract colors from..

CSSVista

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox..

CSS Table Border Style Wizard

Use this wizard to experiment with table border styles..

]]> http://www.cssconcept.com/css-tools/great-list-of-css-tools/feed 0