CSS
or Cascading Style Sheet involves wide range of area to be talked about. In the
types of code CSS, this style sheet shows many function to decorate a web page
as you please. In this case, you can decorate or design the web page you have using
CSS fonts. For your information, the properties of CSS font itself will define
the family of fonts, the boldness, size, as well as the text style. There are
two main types of names in font family. It is including generic family as font
family group with similar look; and font family itself with specific name like
Arial or Times New Roman. Aside from CSS font, in the following section you
will know more about the function of code CSS types.
Designing Web Pages Using
CSS Background and Other Types of Code CSS
In
order to decorate your web page, you can use CSS background. Example list :
• Background-color
• Background-image
• Background-position
• Background-repeat
It
has the properties which are used in defining background effects to the
elements. The properties are including background color, repeat, position,
image, and background attachment. The property of background color specifies
background color in an element. Background repeat will set the repetition of
background image. Background position will set starting position of image’s
background. The image property will set background image, while the attachment
property will set whether background images are scrolls or fixed with rest of
page.
After
using the background, you can add CSS layout Example list CSS Layout :
•
Margin
•
Padding
•
Border
•
Z-index
•
Positioning
•
Width
•
Height
•
Float
•
Text-align
•
Vertical-align
to
a web page. It will add the layout of CSS using CSS multi-column layout. It
extends the mode of block layout to allow easy definition of text’s multiple
columns. Text with limited width column can be put side by side in order to use
the large screen at maximum.
You
may also wonder about how write a CSS text Example List:
•
Text-indent
•
Text-align
•
Text-decoration
•
Letter-spacing
•
Text-transform
•
Word-spacing
•
White-space
in web page. This matter refers to text
formatting. It involves many aspects including the text color, alignment,
decoration, and transformation. It also involves text indentation, line height,
text spacing, text direction, text shadow, and word spacing. Each aspects or
element surely provides different function for text formatting using CSS.
Besides,
there are also some CSS lists
Example :
•
List-style
•
List-style-image
•
List-style-position
that
you can use on your web page. It consists of several properties that can be
used for many purposes. It allows you to add the background colors in the list
and the items of list. The property in CSS list can also be used to set
different markers of list item for unordered and ordered lists. In addition, it
can even set the image as marker of list item.
The
next, there is pixel converter in CSS which is useful as well. By making CSS
pixel converter, you are allowed to set default size of pixel for body. After
that, you are allowed to convert pixel value into EM size or EM value into
pixels based on default size of pixel. EM and percent are categorized as relative
measurement, while pixel is static measurement. Other than these measurement
units, CSS also has more units of measurement.
0 komentar:
Posting Komentar