Logo

Navigation
  • Home
  • Services
    • ERP Solutions
    • Implementation Solutions
    • Support and Maintenance Solutions
    • Custom Solutions
    • Upgrade Solutions
    • Training and Mentoring
    • Web Solutions
    • Production Support
    • Architecture Designing
    • Independent Validation and Testing Services
    • Infrastructure Management
  • Expertise
    • Microsoft Development Expertise
    • Mobile Development
    • SQL Server Database and BI
    • SAP BI, SAP Hana, SAP BO
    • Oracle and BI
    • Oracle RAC
  • Technical Training
    • Learn Data Management
      • Business Intelligence
      • Data Mining
      • Data Modeling
      • Data Warehousing
      • Disaster Recovery
    • Learn Concepts
      • Application Development
      • Client Server
      • Cloud Computing Tutorials
      • Cluster Computing
      • CRM Tutorial
      • EDI Tutorials
      • ERP Tutorials
      • NLP
      • OOPS
      • Concepts
      • SOA Tutorial
      • Supply Chain
      • Technology Trends
      • UML
      • Virtualization
      • Web 2.0
    • Learn Java
      • JavaScript Tutorial
      • JSP Tutorials
      • J2EE
    • Learn Microsoft
      • MSAS
      • ASP.NET
      • ASP.NET 2.0
      • C Sharp
      • MS Project Training
      • Silverlight
      • SQL Server 2005
      • VB.NET 2005
    • Learn Networking
      • Networking
      • Wireless
    • Learn Oracle
      • Oracle 10g
      • PL/SQL
      • Oracle 11g Tutorials
      • Oracle 9i
      • Oracle Apps
    • Learn Programming
      • Ajax Tutorial
      • C Language
      • C++ Tutorials
      • CSS Tutorial
      • CSS3 Tutorial
      • JavaScript Tutorial
      • jQuery Tutorial
      • MainFrame
      • PHP Tutorial
      • VBScript Tutorial
      • XML Tutorial
    • Learn Software Testing
      • Software Testing Types
      • SQA
      • Testing
  • Career Training
    • Career Improvement
      • Career Articles
      • Certification Articles
      • Conflict Management
      • Core Skills
      • Decision Making
      • Entrepreneurship
      • Goal Setting
      • Life Skills
      • Performance Development
      • Personal Excellence
      • Personality Development
      • Problem Solving
      • Relationship Management
      • Self Confidence
      • Self Supervision
      • Social Networking
      • Strategic Planning
      • Time Management
    • Education Help
      • Career Tracks
      • Essay Writing
      • Internship Tips
      • Online Education
      • Scholarships
      • Student Loans
    • Managerial Skills
      • Business Communication
      • Business Networking
      • Facilitator Skills
      • Managing Change
      • Marketing Management
      • Meeting Management
      • Process Management
      • Project Management
      • Project Management Life Cycle
      • Project Management Process
      • Project Risk Management
      • Relationship Management
      • Task Management
      • Team Building
      • Virtual Team Management
    • Essential Life Skills
      • Anger Management
      • Anxiety Management
      • Attitude Development
      • Coaching and Mentoring
      • Emotional Intelligence
      • Stress Management
      • Positive Thinking
    • Communication Skills
      • Conversation Skills
      • Cross Culture Competence
      • English Vocabulary
      • Listening Skills
      • Public Speaking Skills
      • Questioning Skills
    • Soft Skills
      • Assertive Skills
      • Influence Skills
      • Leadership Skills
      • Memory Skills
      • People Skills
      • Presentation Skills
    • Finding a Job
      • Etiquette Tips
      • Group Discussions
      • HR Interviews
      • Interview Notes
      • Job Search Tips
      • Resume Tips
      • Sample Resumes
 

Working with CSS Units, Colors and References

By Exforsys | on March 30, 2006 |
CSS Tutorial

CSS Units, Colors and References

In this tutorial you will learn about Cascading Style Sheets (CSS), Units and Colors, Percentage, Values, Colors, References – Font and Text, Color and Background, Layout, Classification, Positioning and Pseudo-classes.

Units and Colors

Percentage

Percentage values have to be followed by “%”.

Values

The absolute values represent a measurement, there are many measurements in CSS, so the measurement unit has to be stated.

CSS measurement units are:

• cm: centimeter.
• em: font size.
• ex: half of the font size.
• in: inch.
• mm: millimeter.
• pc: pica.
• pt: point.
• px: pixel.

Colors

Colors values can be in one of the following formats:

• color-name: the name of the color (red, green,…).
• #rrggbb: a hexadecimal representation of the color, the first two digits are for red, the following two digits are for green, and the last two digits are for blue (#FF00FF).
• rgb(x,y,z): RGB values representation of the color (rgb(255,255,0)).
• rgb(x%,y%,z%): RGB percentage representation of the color (rgb(100%,100%,0%)).

Font and Text:

direction

Sets the reading order of the specified element.

font

Sets up to six separate font properties of the element.

font-family

Sets the name of the font used for text in the element.

font-size

Sets the size of the font used for text in the element.

font-style

Sets the font style of the element as italic, normal, or oblique.

font-variant

Sets whether the text of the element is in small capital letters.

font-weight

Sets the weight of the font of the element.

line-height

Sets the distance between lines in the element.

letter-spacing

Sets the amount of additional space between letters in the element.

text-align

Sets whether the text in the element is left-aligned, right-aligned, centered, or justified.

text-decoration

Sets whether the text in the element has blink, line-through, overline, or underline decorations.

text-indent

Sets the indentation of the text in the element.

text-transform

Sets the rendering of the text in the element.

vertical-align

Sets the vertical positioning of the element.

Color and Background

background

Sets up to five separate background properties of the element.

background-attachment

Sets how the background image is attached to the element within the document.

background-color

Sets the color behind the content of the element.

background-image

Sets the background image of the element.

background-position

Sets the position of the background of the element.

background-repeat

Sets how the background-image property of the element is tiled.

color

Sets the color of the text of the element.

Layout

border

Sets the properties to be drawn around the element.

border-bottom

Sets the properties of the bottom border of the element.

border-bottom-color

Sets the color of the bottom border of the element.

border-bottom-style

Sets the style of the bottom border of the element.

border-bottom-width

Sets the width of the bottom border of the element.

border-color

Sets the border color of the element.

border-left

Sets the properties of the left border of the element.

border-left-color

Sets the color of the left border of the element.

border-left-style

Sets the style of the left border of the element.

border-left-width

Sets the width of the left border of the element.

border-right

Sets the properties of the right border of the element.

border-right-color

Sets the color of the right border of the element.

border-right-style

Sets the style of the right border of the element.

border-right-width

Sets the width of the right border of the element.

border-style

Sets the style of the left, right, top, and bottom borders of the element.

border-top

Sets the properties of the top border of the element.

border-top-color

Sets the color of the top border of the element.

border-top-style

Sets the style of the top border of the element.

border-top-width

Sets the width of the top border of the element.

border-width

Sets the width of the left, right, top, and bottom borders of the element.

float

Sets on which side of the element the text will flow.

Margin

Sets the width of the left, right, bottom, and top margins of the element.

margin-bottom

Sets the height of the bottom margin of the element.

margin-left

Sets the width of the left margin of the element.

margin-right

Sets the width of the right margin of the element.

margin-top

Sets the height of the top margin of the element.

Padding

Sets the amount of space to insert between the element and its margin or, if there is a border, between the element and its border.

padding-bottom

Sets the amount of space to insert between the bottom border of the element and the content.

padding-left

Sets the amount of space to insert between the left border of the element and the content.

padding-right

Sets the amount of space to insert between the right border of the element and the content.

padding-top

Sets the amount of space to insert between the top border of the element and the content.

Classification

display

Sets whether the element is rendered.

list-style

Sets up to three separate list style properties of the element.

list-style-image

Sets which image to use as a list-item marker for the element.

list-style-position

Sets how the list-item marker is drawn relative to the content of the element.

list-style-type

Sets the predefined type of the line-item marker for the .

Positioning

 

« « C Programming – Managing Input and Output Operations
C Programming – Decision Making – Branching » »

Author Description

Avatar

Editorial Team at Exforsys is a team of IT Consulting and Training team led by Chandra Vennapoosa.

Free Training

RSSSubscribe 392 Followers
  • Popular
  • Recent
  • CSS Elements Display

    March 20, 2006 - 0 Comment
  • CSS Syntax

    March 2, 2006 - 0 Comment
  • CSS Pseudo Classes

    March 24, 2006 - 0 Comment
  • CSS External and Internal style Sheets

    March 7, 2006 - 0 Comment
  • CSS Media Types

    March 24, 2006 - 0 Comment
  • CSS Background

    March 7, 2006 - 0 Comment
  • CSS Text

    March 12, 2006 - 0 Comment
  • CSS – Working with Fonts

    March 12, 2006 - 0 Comment
  • CSS Borders

    March 12, 2006 - 0 Comment
  • CSS Margin

    March 12, 2006 - 0 Comment
  • CSS Media Types

    March 24, 2006 - 0 Comment
  • CSS Pseudo Classes

    March 24, 2006 - 0 Comment
  • CSS Elements Display

    March 20, 2006 - 0 Comment
  • CSS Dimensions

    March 17, 2006 - 0 Comment
  • CSS List

    March 17, 2006 - 0 Comment
  • CSS Padding

    March 17, 2006 - 0 Comment
  • CSS Margin

    March 12, 2006 - 0 Comment
  • CSS Borders

    March 12, 2006 - 0 Comment
  • CSS – Working with Fonts

    March 12, 2006 - 0 Comment
  • CSS Text

    March 12, 2006 - 0 Comment

Exforsys e-Newsletter

ebook
 

Related Articles

  • CSS Media Types
  • CSS Pseudo Classes
  • CSS Elements Display
  • CSS Dimensions
  • CSS List

Latest Articles

  • Project Management Techniques
  • Product Development Best Practices
  • Importance of Quality Data Management
  • How to Maximize Quality Assurance
  • Utilizing Effective Quality Assurance Strategies
  • Sitemap
  • Privacy Policy
  • DMCA
  • Trademark Information
  • Contact Us
© 2023. All Rights Reserved.IT Training and Consulting
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptReject Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT