CSS – Part III

•September 22, 2011 • Leave a Comment

Here I have brought some @Rules which are used with page,  usage along with examples are given below..it will help u a lot.

@Rules

RULE USAGE EXAMPLES
Import @import url(uri) [ {  all |  screen |  print }  [ , … ] ] @import url(/styles/core.css);@import url(/styles/print.css)  print;
Page @page [ :first |  :left |  :right | identifier ]  { margin |  size |  marks } @page { margin: 0.5in; }@page :left { margin-right: 0.75in; }
Media @media {  all |  screen |  print } [ , … ]  { rules } @media print { #menu { display: none; } }
font-face @font-face { font-family |  src } @font-face { font-family: “Robson Celtic”; src: url(http://site/fonts/rob-celt”); }
charset @charset charset @charset “ISO-8859-1”;

CSS-Part II

•September 22, 2011 • Leave a Comment

Readers,

Here I am Presenting a model of a box , here i have shown that what attributes you can use with a box…
BOX MODEL

CSS- Cascading Style Sheets – PART I

•September 21, 2011 • Leave a Comment

Hello Readers.

I often face some problems when i use CSS like I forget tag names etc,. To overcome this i have brought some quick references for you.

First for newcomers we should begin with basics:

1. Selectors

* All elements
E All E elements
E, F All E and F elements
E F All F elements within Eelements
E > F All F elements with parent Eelements
E + F All F elements preceded by Eelements
.class All elements with class class
E.class All E elements with class class
#identifier Element with id identifier
E#identifier Element E with id identifier
E[attr] All E elements with attribute attr
E[attr=’value’] All E elements when attributeattr is equal to value
E[attr~=’value’] All E elements when attributeattr is a list containing value
E[attr|=’value’]  All E elements when attributeattr is a list beginning with value

2. Lengths and Percentage

UNIT DESCRIPTION
0 Zero (unit is optional)
em 1em = font size of parent
ex 1ex = height of an ‘x’
px Pixels
% Percentage
cm Centimeters
mm Millimeters
in Inches, 1in = 2.54cm
pt Points, 1pt = 1/72in
pc Picas, 1pc = 12pt