CSS
1.HTML
- use to page only
- html used to disconnnect architecture
2.JavaScript
3.CSS (Cascading style sheet)
- css is use to create a sheet
- all sheet is communicate multiple web pages (using cascading structure)
- html attribute is use to equal operator ex height=100
- css attribute is use to : operator ex. height:100
- html is colletion of tags
- css is collection of attribute
- all type of numerical data represent using pixels
types os CSS
1. Internal css
2. External css
3. Inline css
4. Cross css
1.Inline CSS
- inline css is used to html tag with style attribute
Division tag (<div>)
- use to create architecture of website
there are following attribute
1. id
2.style
backgraund-color
height
width
top
left
position
- by default div is use to fixed position
position = absolute(flexible)
2. Internal CSS
- internal css is use to inside html page
- extension of internal css is (.html)
- structure of internal css
<html>
<head>
<style type = "text/css">
//create css
</style>
</head>
</html>
-methods of internal css
1. tag name method
2. class method
1.Tag name method
tagname
{
//attributes
}
ex. font
{
color : red;
}
<html>
<head>
<style type = text/css>
font{
color : red;
}
font {
color : blue;
}
</style>
</head>
<body>
<font>welcome</font> <br>
<font>Nagpur</font>
</body>
</html>
2. class method
- in css all class is to be created using dot(.) operator
- dot (.) in css class indication operator
- syntax
.classname{
//attribute
}
ex.
.my{
color : red;
}
- how to access class inside the class
ans : using class attribute
- syntax
<tagname class = "classname">
ex.
<font class="my">
- internal use to inpage concept
- user cannot share one page css to other css
Assignment 1
all div of previouse class do with claass method internal css
External CSS
- it is use to outpage concept
- extention of external css (.css)
- external css cannot execute on web browser bcz it use to text format
How to connect external css to html page
ans : using link tag
there are following attribute used in link tag
1. href = "nameoffile.css"
2. rel="stylsheet"
3.. type = "text/css"
-link tag is used inside the <head>
Assignment 2
all div of previouse class do with claass method external css
Cross CSS
Assignment 3
create a task using css
enter Name - textbox
city - dropdown list
state - txtbox
subject - txtbox
m1 - txtbox
m2 - txtbox
m3 - txtbox
m4 - txtbox
m5 - --
total - textbox
button - submit
design form using css(defferent pattern)
javascript imp:
function
getElenmentById
external css
form designing(css)
String handling function
test using javaScript(tommorow)
monday(doubt clearing)
c# programming
Comments
Post a Comment