Skip to main content

css introduction

What is CSS?
•Stands for Cascading Style Sheet
•CSS allows you to style HTML elements, or define how they are displayed.
•Styles are normally stored in Style Sheets
•External Style Sheetscan save you a lot of work
•External Style Sheets are stored in CSS files
•Multiple style definitions will cascadeinto one
•Examples:
–Changing the color of text
–Specifying the size and position of a div

What is CSS? (cont.)
•CSS is an alternative to the “style” attribute.
<div style=“height:500px; width:200px”></div>
•Advantages:
–Can control the style of many different elements with a single command.
–Separation of function: HTML can focus on content while CSS handles styling.


CSS (Cascading Style Sheet)
•Simple mechanism for adding style to web page
•Code be embedded into the HTML file
•HTML tag:
<style type=“text/css”>CODE</style>
•Also be in a separate file FILENAME.css
•HTML tag:
<link rel=“stylesheet” href=“scs.css” type=“text/css”>
•Style types mainly include:
•Font
•Color
•Spacing

Style Attribute
•Allows you to control the style of HTML elements.
•Redundant with CSS. “quick and dirty” styling.
•E.g.
<h1 style="color:blue; text-align:center">This is a header</h1>
<p style="color:green">This is a paragraph.</p>
•The name-value pairs in the style definition are actually CSS property/value pairs.

The style is defined in the head section of the document, similar to the following:
<head><style type =“text/css”>
p.heading{ font-weight : bold; text-decoration : underline; }
</style>
</head>
This definition defines a heading class that formats text as bold and underlined.
Styles and HTML

Selectors and Properties

Comments

Popular posts from this blog

SQL Commands

SQL Commands SQL Commands  are mainly classified into four types, which are DDL command, DML command, TCL command and DCL command. SQL is mainly divided into four sub language Data Definition Language(DDL) Data Manipulation Language(DML) Transaction Control Language(TCL) Data Control Language(DCL) Only for remember You can easily remember all these SQL command like below; DDL Commands:  "dr. cat" d-drop, r-remane, c-create, a-alter, t-truncate. DML Commands:  "sudi". s-select, u-update, d-delete, i-insert. TCL Commands:  These commands are related to transaction, commands are: Commit, Rollback, Savepoint

Python - Function

Define Function in Python Function is block of codes. Python provide built-in and user define both types of function. Built-in function User defined function Built-in function This type of functions are pre-defined, you can directly use in your program. For example  print function is used for display message on screen or console. Print hello world in python a = "Hello World!" print a User defined function This type of functions are defined by programmer. According to your requirement you can defined you function name and it's functionality. In python you can define any function by using  def keyword. Syntax for define function in python def function_name ( parameter ) function body Define function in python def my_function(fname): print(fname + " Refsnes") my_function ("Emil") my_function ("Tobias") my_function ("Linus") Output Emil Refsnes Tobias Refsnes Linus Refsnes Explanation

Frames

A framed page is actually made up of multiple HTML pages. There is one HTML document that describes how to break up the single browser window into multiple windowpanes. Each windowpane is filled with an HTML document. Frame Page Architecture §   A <FRAMESET> element is placed in the html document before the <BODY> element. The <FRAMESET> describes the amount of screen real estate given to each windowpane by dividing the screen into ROWS or COLS . §   The <FRAMESET> will then contain <FRAME> elements, one per division of the browser window. §   Note: Because there is no BODY container, FRAMESET pages can't have background images and background colors associated with them. Frame Page Architecture <HTML> <HEAD> <TITLE> Framed Page </TITLE> <FRAMeSET COLS=“23%,77%”> <FRAME SRC=“Doc1.html”> <FRAME SRC=“Doc2.html”> </FRAMeSET > </HEAD> </HTML>