Course Overview

Introduction to CSS
CSS (Cascading Style Sheets) is a language used to style and format the content of a website. While HTML (Hypertext Markup Language) is used to create the structure and content of a webpage, CSS is what makes that content look visually appealing by controlling things like colors, fonts, spacing, and layout.
Why CSS?

  1. Without CSS, a webpage would look plain and unorganized, with no control over design elements. With CSS, you can:

    • Change text color and size
    • Adjust the spacing between elements
    • Organize content with grids and columns
    • Position images and text in specific places
    • Make your website responsive, so it looks good on different screen sizes (like mobile phones and computers)

    CSS Basics

    A CSS rule is made up of three main parts:

    1. Selector: This is what you want to style (e.g., headings, paragraphs, buttons).
    2. Property: This is what aspect of the element you want to change (e.g., color, font size, padding).
    3. Value: This is the specific setting for the property (e.g., red for color, 16px for font size).

    You can write CSS in three ways:

    1. Inline CSS     :  Directly within the HTML tag using the style attribute.
    2. Internal CSS  : Written inside a tag within the section of the HTML document.
    3. External CSS  : Written in a separate . CSS file and linked to the HTML document using the tag.

    Requirment

    • A Computer or a laptop with internet access

    • Text-editor like vs code application

    • Basic folder structure

    • Live server installed in vs code

    • A Browser like chrome edge etc.

    Outcomes

    • Basic level understanding about what is css

    • Under standing about how can we use CSS in a different types

    • Can select an html element and style the element using different types of CSS

    • Can style an html element through different types of CSS

    • Build an attractive webpage using different types of CSS

Front-endInternetHow does the internet work?What is HTTP?What is Domain Name?What is hosting?DNS and how it works?Browsers and how they work?HTMLLearn the basicsWriting Semantic HTMLForms and ValidationsAccessibilitySEO BasicsCSSLearn the basicsMaking LayoutsResponsive DesignJavaScriptFetch API / Ajax (XHR)Learn DOM ManipulationLearn the BasicsVCS HostingVersion Control SystemsGitPackage ManagersGitHubGitLabBitbucketyarnpnpmnpmPick a FrameworkAngularVue.jsReactSvelteSolid JSQwikWriting CSSTailwindCSS ArchitectureCSS PreprocessorsBEMSassPostCSSBuild ToolsLinters and FormattersModule BundlersParcelRollupWebpackesbuildVitePrettierESLintTestingVitestJestPlaywrightCypressAuthentication StrategiesWeb Security BasicsCORSHTTPSContent Security PolicyOWASP Security RisksWeb ComponentsType CheckersCustom ElementsHTML TemplatesShadow DOMTypeScriptSSRSvelteVue.jsAngularReactreact-routerNext.jsNuxt.jsSvelte KitGraphQLApolloRelay ModernStatic Site GeneratorsVuepressNuxt.jsAstroEleventyNext.jsPWAsMobile AppsReact NativeFlutterIonicDesktop Apps ElectronTauriFlutterPRPL PatternRAIL ModelPerformance MetricsUsing LighthouseUsing DevToolsPerformance Best PracticesStorageWeb SocketsServer Sent EventsService WorkersLocationNotificationsDevice OrientationPaymentsCredentialsWe’ve trimmed down the CSS part for thesake of brevity. You should read aboutCSS-in-JS, CSS Modules and StyledComponents. Also worth looking at arePanda CSS, Shadcn UI, Mantine and more.SWCJWT, OAuth, SSO, Basic Auth, Session Auth Personal Recommendation / OpinionAlternative Option / Pick this or purpleOrder not strict / Learn anytime AstroBrowser APIsMeasure & Improve Perf.

Internships

Knewtontech

krishnagiri

Last Date to Apply: 2025-06-09

Web Development Internship Opportunity

Are you passionate about web development and eager to gain real-world experience? Our free 1-month internship is designed to provide hands-on training in HTML, CSS, and JavaScript, helping you build real projects under expert guidance.

KT Nest

  • 19 Courses
  • 6 months ago
  • 4702 Students

KT Nest is an online learning platform designed to make IT education accessible and affordable, particularly for Tamil-speaking students. It offers a variety of recorded courses in Tamil, covering topics such as Python, PHP, MySQL, React, HTML, CSS, and JavaScript, all available for just ₹5. The platform emphasizes project-based learning, allowing students to apply their skills through hands-on projects. This approach is especially beneficial for beginners and those transitioning into the tech field, providing practical experience alongside theoretical knowledge.

(5.0 Stars)
View Details
0.0 out of 5.0
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

No Reviews found

Submit Reviews

Rate this course :

Remove all
7.jpg

5.00 ₹

499.00 ₹
Course Details
  • 7 Students
  • 00h 37m
  • Kannada ( ಕನ್ನಡ)
  • beginner Level

Share on social media

TOP SELLING COURSE