AICTE EY GDS Internship December’23
CSS
Self-Paced Learning Material
CSS:
• CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS defines
the visual style and layout of elements on a web page, allowing you to control things like fonts, colors, spacing, and positioning
• CSS is the language we use to style an HTML document.
• CSS describes how HTML elements should be displayed.
• This tutorial will teach you CSS from basic to advanced.
CSS Useful links
No Topic Link
1. Introductions https://www.w3schools.com/css/css_intro.asp
2. Syntax https://www.w3schools.com/css/css_syntax.asp
3. Selector https://web.dev/learn/css/selectors?continue=https%3A%2F%2Fweb.dev%2Flearn%2Fcss%23article-
https%3A%2F%2Fweb.dev%2Flearn%2Fcss%2Fselectors
4. Cascading https://web.dev/learn/css/the-cascade
5. Specificity https://web.dev/learn/css/specificity
6. Margin and https://www.geeksforgeeks.org/css-margins-padding/?ref=lbp
Padding
7. Background https://www.tutorialspoint.com/css/css_backgrounds.htm
8. Links https://www.geeksforgeeks.org/css-links/?ref=lbp
9. Inheritance https://web.dev/learn/css/inheritance
10. Color https://www.tutorialspoint.com/css/css_colors.htm
11. Tables https://www.tutorialspoint.com/css/css_tables.htm
12. Cursor https://www.javatpoint.com/css-cursor
13. Button https://www.javatpoint.com/css-buttons
14. Border https://www.javatpoint.com/css-border
15. Box model https://web.dev/learn/css/box-model?continue=https%3A%2F%2Fweb.dev%2Flearn%2Fcss%23article-
https%3A%2F%2Fweb.dev%2Flearn%2Fcss%2Fbox-model
16. Z- index https://www.w3schools.com/css/css_z-index.asp
17. Dropdown https://www.geeksforgeeks.org/css-dropdowns/?ref=lbp
18. Website https://www.w3schools.com/css/css_website_layout.asp
layout
19. Positioning https://www.geeksforgeeks.org/css-positioning-elements/?ref=lbp
20. Navigator https://www.w3schools.com/css/css_navbar.asp
bar
21. Forms https://www.w3schools.com/css/css_form.asp
22. Responsive https://www.w3schools.com/css/css_rwd_intro.asp
23. Transitions https://w3schools.com/css/css3_transitions.asp
24. Animations https://www.w3schools.com/css/css3_animations.asp
25. Outline https://www.w3schools.com/css/css_outline.asp
26. Grid https://www.w3schools.com/css/css_grid.asp
27. Templates https://www.w3schools.com/css/css_templates.asp
28. Dimensions https://www.tutorialspoint.com/css/css_dimension.htm
S.NO Practice purpose - Sample Projects for HTML & CSS
1 https://www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/
2 https://www.kashipara.com/project/category/download_html-css-template-project-source-code_8
3 https://www.codewithrandom.com/2023/11/14/html-css-project-ideas-by-code-with-random/
4 https://www.kashipara.com/project/category/latest_html-css-template-project-source-code_8
5 https://shihabiiuc.com/html-css-projects/
6 https://github.com/topics/html-css-project
7 https://www.codepel.com/category/html-css/page/2/
8 https://www.javaassignmenthelp.com/blog/html-css-project-ideas/
9 https://altcampus.com/posts/list-of-simple-projects-to-build-to-learn-and-be-good-at-html-and-css
