CSS

1. CSS Home 2. CSS Introduction 3. CSS Versions 4. CSS Extension 5. Adv.& Disadv of CSS 6. HTML v/s CSS 7. CSS Syntax 8. CSS Selector 9. Inserting CSS file 10. Class 11. ID 12. Div 13. Font 14. Font-size 15. Font-weight 16. Font-style 17. Font-variant 18. Text 19. Text-color 20. Text-decoration 21. Text-transform 22. Text-indent 23. CSS Color 24. Web Safe Color 25. Background-image 26. Background-repeat 27. Background-position 28. Background-attachment 29. Background-size 30. Background-origin 31. CSS Box Model 32. Padding 33. Padding-top 34. Padding-right 35. Padding-bottom 36. Padding-left 37. Margin 38. Margin-top 39. Margin-right 40. Margin-bottom 41. Margin-left 42. Margin Demonstration 43. Border 44. Border-style 45. Different Border-style 46. Border-width 47. Different Border-width 48. Border-color 49. Border-radius 50. Border-collapse 51. Border-spacing 52. Border-image 53. Border-bottom 54. Border-bottom-style 55. Border-bottom-width 56. Border-bottom-color 57. Border-bottom-left-radius 58. Border-bottom-right-radius 59. Border-top 60. Border-top-style 61. Border-top-width 62. Border-top-color 63. Border-top-left-radius 64. Border-top-right-radius 65. Border-right 66. Border-right-style 67. Border-right-width 68. Border-right-color 69. Border-left 70. Border-left-style 71. Border-left-width 72. Border-left-color 73. Ex.Padding,Border,Margin 74. List Style 75. List Style-type 76. List Style-position 77. List Style-image 78. Dimension Properties 79. Width 80. Max-width 81. Min-width 82. Height 83. Max-height 84. Min-height 85. Grouping Selector 86. Nesting Selector 87. Floating 88. Position 89. Pseudo Element 90. First-letter Pseudo 91. First-line-Pseudo 92. Before & After Pseudo 93. Pseudo-class Selector 94. tag 95. Image Gallery 96. Scrollbars 97. Display Property 98. Cursor Property 99. Caption-side Property 100. Transform Property 101. Interview Question and Answer part 1 102. Interview Question and Answer part 2 103. Interview Question and Answer part 3 104. Interview Question and Answer part 4 105. Interview Question and Answer part 5 106. Interview Question and Answer part 6 107. Interview Question and Answer part 7 108. Interview Question and Answer part 8
Pr.Pg Next Pg

Difference between HTML & CSS tutorials

 

HTML

CSS

It stands for Hyper Text Markup Language is a widely accepted web-design formatting language.

It stands for Cascading Style Sheets is used to format HTML content.

It is used to create web pages and other information that can be displayed in a web browser.

CSS does not create anything. Instead, it decorates, aligns and positions elements in HTML. CSS takes the normal HTML output and adds a few rules to how it's actually displayed in browser.

HTML is written with help of HTML elements consisting of tags enclosed in angle brackets like <html>,<br>,<hr> and so on. Most HTML tags come in pairs like <head> and </head>, <h1> and <h2>. The first tag in a pair is the start tag, and the second tag is the end tags.

 

Sometimes times are also known as opening and closing tags. While some tags are empty tags such as <br>, <img>.

HTML is capable of doing many thing, while certain thing are deprived. CSS can edit things such as element width and height, background color, border, alignment, and actual visibility.

Web browsers read HTML documents and it display content on the webpage. Browser does not display HTML tags.

The CSS syntax consists of a set of rules. These rules have 3 parts: a selector, a property, and a value.

 

HTML elements are building block of all websites.

CSS was added to HTML 4.0 to make website uniform with ease. CSS is used to define the appearance and layout of text and other materials.

HTML is plain text file, it is written between <html> and </html> tags. It further divides web page into <head> </head> and <body> . </body> elements.

 

The text between <html> and </html> describes the web page. Text between <head> and </head> is used to specify page related information. Finally the text between <body> and </body> is used to write visible page content.

CSS can be incorporated into a webpage using Internal markup, i.e. in the <head>; in <style> tags, or external markup from a "external .css" file.

 

Pr.Pg border                                              Next Pg