Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

CSS Tutorial

CSS HOME CSS Introduction CSS Syntax CSS Selectors CSS How To CSS Comments CSS Colors CSS Backgrounds CSS Borders CSS Margins CSS Padding CSS Height/Width CSS Box Model CSS Outline CSS Text CSS Fonts CSS Icons CSS Links CSS Lists CSS Tables CSS Display CSS Max-width CSS Position CSS Z-index CSS Overflow CSS Float CSS Inline-block CSS Align CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS Opacity CSS Navigation Bar CSS Dropdowns CSS Image Gallery CSS Image Sprites CSS Attr Selectors CSS Forms CSS Counters CSS Website Layout CSS Units CSS Specificity CSS !important CSS Math Functions

CSS Advanced

CSS Rounded Corners CSS Border Images CSS Backgrounds CSS Colors CSS Color Keywords CSS Gradients CSS Shadows CSS Text Effects CSS Web Fonts CSS 2D Transforms CSS 3D Transforms CSS Transitions CSS Animations CSS Tooltips CSS Style Images CSS Image Reflection CSS object-fit CSS object-position CSS Masking CSS Buttons CSS Pagination CSS Multiple Columns CSS User Interface CSS Variables CSS @property CSS Box Sizing CSS Media Queries CSS MQ Examples CSS Flexbox

CSS Responsive

RWD Intro RWD Viewport RWD Grid View RWD Media Queries RWD Images RWD Videos RWD Frameworks RWD Templates

CSS Grid

Grid Intro Grid Container Grid Item

CSS SASS

SASS Tutorial

CSS Examples

CSS Templates CSS Examples CSS Editor CSS Snippets CSS Quiz CSS Exercises CSS Website CSS Interview Prep CSS Bootcamp CSS Certificate

CSS References

CSS Reference CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS Browser Support

CSS and HTML Website Hosting


Create a Website with HTML and CSS

Host Websites with W3Schools Spaces

Get Started for Free
Practice coding skills

Practice

Coding Skills

kAI

AI Tutor

Build websites

Build

Projects

Host securely

Host

Securely

Choose your Plan

By subscribing to a plan you support the W3Schools mission to make
learning available to everyone - no matter their background.

Monthly Annually
Free

$0 /Forever


This is for you that are beginning to explore coding and web development

  • Build and host 1 static website
  • 100 credits/month Access various AI features like W3Schools kAI coding tutor and interview preparation.
  • No support
W3Schools Classroom

Contact us for information


W3Schools right to use and Plus for educational institutions or enterprise customers

  • Everything in W3Schools Plus
  • Certification Exams
  • And much more!

Powerful Code Editor

Front-end, Back-end or Full-stack - the choice is yours
Dynamic Spaces

Practice Makes Perfect

Sharpen and Master your development skills with these technologies using Spaces.

Languages
Get Started for Free

Save Time with Templates

Build powerful websites in just a few clicks

Explore All Templates
Get Started for Free

kAI

Just landed in Spaces

Learn to code more effectively
and intelligently with kAI - AI tutor

Get Started for Free

Hi! I'm kAI, W3Schools AI Tutor...

Feel free to ask me any coding-related questions, and I'll do my best to assist you.

I can help you checking your code for errors, improving your code's structure, explaining coding concepts in a clear and understandable way, and more...

I can even create complete websites for you based on your input, so what are you waiting for?

Super Simple to Share

Host and Publish Websites in no time

Included for free in all plans

W3Schools subdomain, hosting, and SSL certificate.

Want custom domains?

Buy a domain or transfer an existing one and connect it to your space.
Example domain

How it works

Join W3Schools - and create a space

1. Join W3Schools
- and create a space


Choose a template - or start from scratch

2. Choose a template
- or start from scratch


Edit your code and make it yours

3. Edit code directly
in your browser


Share your space with someone

4. Share your website
with the world


Coding Made Easy

All at your fingertips with our easy-to-use code editor

Cloud-based

Terminal & Log

How To Libraries

Database

File Navigator

Package Manager

Analytics

Environment Manager

Get Started for Free
Cloud-Based

Save Time & Money.

No installation required. Access everything in your browser. Get started in seconds.
Get Started for Free
File Navigation
File Navigator

All Your Files in One Place.

Find and switch easily between your code files without leaving the code editor.
Get Started for Free
Terminal and Log

Fix Your Code Faster.

Monitor your code, debug and troubleshoot your work during the development process.
Get Started for Free
Spaces Built-In Database
Database

Get Full Data Visibility.

Find and preview all the data stored in your website. Anytime, from anywhere.
Get Started for Free
Environment Manager

Increased Control and Security.

Control your website access points to establish secure connections.
Get Started for Free
Spaces Built-In Database
Package Manager

Find What You Need Quicker.

Search and install frameworks and libraries in just one click.
Get Started for Free
User Analytics

Get Traffic Insights.

Learn from your website visitors to deliver a better user experience.
Get Started for Free

Get Inspired

Connect and share your website with the community to get instant feedback

Get Started for Free
W3Schools Community

Frequently Asked Questions


With Basic Spaces, you can build frontend websites. Whereas with Fullstack Spaces, you can build frontend and backend websites.

Basic Spaces include HTML, CSS, and Javascript. Full Stack Spaces include everything in Basic Spaces plus PHP, Python, React.js, Vue.js, Node.js, Handlebars, and Django.

Your subscription will be automatically renewed every month.

Your access to all the benefits for the paid period of time will continue. However, the subscription will not be renewed automatically.

To subscribe W3Schools accounts for multiple users, you can contact sales@w3schools.com

Have some other questions? Visit our support page

Subscribe for $14.99/Month
Cancel anytime.


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.