Menu Bar

Home
Introduction to HTML Tables Elements and Attributes Lists Google Home Page Registration Form Forms_1 Forms_2
Introduction to CSS Three types of css Tables Forms(id,class,psuedo class) Backgrounds Periodic table Border in a table Margins and Padding Height,Width,Overflow
Introduction Basic Script Data types and Operators String methods and Arrays Functions and Objects Events Dialog boxes Conditions Loops Error Handling External JS Simple Calculator
Introduction SQL Installation and User creation SQL:Database and Table Creation SQL:Alter Constraints Select,Insert Delete Operators Functions Joins, Union, GroupBy Missing Items User Defined Functions Views Backup and Restore Company DB, Table and records Queries on Company DB Computer Business DB and Queries
Introduction Variables, Datatypes & Operators Conditional & Looping Statements Functions Pointers & Recursion Array & Files Patterns
Introduction Problems in C++
Configuration SQL server connection Introduction to PHP
Introduction VB.NET VB.NET Compilation & Run VB.NET Problems No link
Design Principles Stone Profit support page MasterLegacy MasterDev Work with Live System

CSS Introduction


CSS introduction:
  • CSS stands for Cascading Style Sheet.
  • CSS describes how HTML elements are to be displayed on screen.
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once.


Why CSS? :
  • CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.


Syntax:
  • A CSS rule-set  consists of a selector and a declaration block.
  • The selector points to the HTML element you want to style.
  • The declaration block contains one or more declarations separated by semicolons.
  • Each declaration includes a CSS property name and a value, separated by a colon.
  • A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.


CSS types: here are three ways of inserting a style sheet.External style sheet:
  1. External style sheet:
    • If we write a style sheet in a separate file with extension .css then it is called as external style sheet.
    • With an external style sheet, you can change the look of an entire website by changing just one file.
    • Each page must include a reference to the external style sheet file inside the link element. The link element goes inside the head section:
  2. Internal style sheet
    • An internal style sheet may be used if one single page has a unique style.
    • Internal styles are defined within the style element, inside the head section.
  3. Inline style
    • An inline style may be used to apply unique style for a single element.
    • To use inline style, add the style attribute to the relevant element. The style attribute can contain any CSS property.
Subscribe to: Posts (Atom)