![input
{
border : 0; //by default browser gives border to input tag
padding : 10px; //space between inner text and border
font-size : 18px; //size of font
}
input[type="submit"]//for a particular button type
{
color : white; //color of text
background : red; //bg of button
}
Let’s Change the input tag styleLet’s Change the input tag style](https://image.slidesharecdn.com/class1-170926021242/85/Class1-25-320.jpg)
Class1
- 1. ClASS 1ClASS 1 Welcome to Flash ClassesWelcome to Flash Classes
- 2. Our MissionOur Mission Learn Basics Of Html And CSS and make a personal website for our friend Lily
- 4. UNDERSTANDING HTML & CSS Hum sabne bachpan me scenery to bnayi hai jisme mountains,Hum sabne bachpan me scenery to bnayi hai jisme mountains, trees, hut, river, sun, Birds, Animals etc hote hai.trees, hut, river, sun, Birds, Animals etc hote hai. You can take example of any drawing you made.
- 5. Scenery ke sab elements ko aap log correlate kar skto ho website bnane ke liye HTML se.
- 6. "HTML"?? In a website, HTML helps to make layout,In a website, HTML helps to make layout, structure, contents of a website like image,structure, contents of a website like image, text, video, audio etc.text, video, audio etc.
- 7. Ab HTML ka kaam to pata chal gya ek website me, what about website designing?
- 8. Humari scenery actuallyHumari scenery actually me achi kab lgti thi? jabme achi kab lgti thi? jab hum usme color bhar detehum usme color bhar dete the, outline krte the,the, outline krte the, shading bhi krdete the. Soshading bhi krdete the. So website me ye kaam konwebsite me ye kaam kon krta hai?krta hai? Any guesses?Any guesses?
- 9. CSSCSS
- 16. Input info from user <input type="email" placeholder="Your email"> 1.Input tag is used to take info from user 2.Type and placeholder is an attribute which gives extra info about our tag. 3.Eg-agar pizza tag hai to atribute hoga crust, size etc <pizza crust=“thin”. size=“medium”></pizza> 4.Type can be email,number,password etc kis type ka data input karvana hai 5. Placeholder tells user ki data enter kya hona hai.
- 17. The email input won’t do much withought submit button Ex-: facebook pe login ya signUp submit button hote hai basically used to submit the info given by user Iss case mein humein email ki info mili hai to lets submit it Task 4 <input type="submit” value=“Go” > Value attribute used to give info what to write on button
- 19. (Selector –select tag jispe style lagega) (Property and usiki value)
- 23. Add image Of Anna In place of Name. Create folder img in the same place where index.html is stored and copy the image of anna in it . Replace <h1></h1> with-: <img src=”img/anna.png">
- 24. Change Background Image Remember background property used to change color of background we can even Change it to image Replace <h1></h1> with-: <img src=”img/anna.png"> background: url(”img/anna-bg.png"); The image is tiled lets make it look good background-size:cover; //Size of bg can be cover contain or any height width background-repeat:no-repeat; //if bg image is small should it repeat or not background-position:center; //how to position the image Read more them -: https://www.w3schools.com/cssref/css3_pr_background.asp
- 25. input { border : 0; //by default browser gives border to input tag padding : 10px; //space between inner text and border font-size : 18px; //size of font } input[type="submit"]//for a particular button type { color : white; //color of text background : red; //bg of button } Let’s Change the input tag styleLet’s Change the input tag style