CSS3 and Bootstrap for Absolute Beginners : 4 courses in 1

Discover the CSS box model by adjusting a text block's width, adding borders, and applying padding and margins to understand spacing in style sheets.

Discover how to set text and background colors in CSS using named colors, hexadecimal codes, and color pickers, including hex shorthand and best practices for web colors.

Learn to apply font-family with fallbacks like Arial, adjust font size, weight, style, line height, and letter spacing to style text in CSS.

Apply borders around the box or along a side, and explore styles like solid and blue dotted lines to emphasize sections such as pull quotes.

Explore how to apply a background image to a div using CSS, including center positioning, no-repeat, and text overlay, with options like parallax, gradients, and solid colors.

Learn to style links with CSS by targeting anchor tags and classes, adjust color and font size, toggle text-decoration, and apply hover effects for interactive navigation.

Learn how to style id tags in css, using unique ids for top areas of a page, with a black header example and how ids differ from reusable classes.

Learn to use the float tag to create columns and position elements left or right, with margin and padding for spacing. Use a clear class to start a new line.

Explore how block and inline elements affect text layout, using divs, spans, and classes to apply background color and control display within a column.

Master CSS positioning by applying relative, absolute, and fixed methods to place elements precisely with top and left offsets, centering using 50 percent and negative margins.

Design a full web page framework by outlining header area 900x75, footer area, side area 300px, main text area 600px, with fixed and flexible dimensions.

Set styles by applying a header background image, floating side content, and a clear class to manage layout with minimum height, then refine typography with a font family.

Learn to style navigation menus, link multiple pages with an external stylesheet, and apply typography and hover effects using CSS selectors, ids, and anchors.

Explore how Bootstrap provides a framework to quickly build sites with predefined CSS, a responsive grid, and uniform styling for menus, logos, and images, including pricing tables.

Bootstrap is a mobile-first front-end framework with predefined CSS and JavaScript for typography, forms, buttons, and navigation; learn to download Bootstrap and use local files or CDN.

Learn to add bootstrap to your site by loading the most recent version from get bootstrap dot com, and choose between cdn or local css and javascript files.

Learn to set up bootstrap in your document, configure a responsive navigation bar with bootstrap classes, and create a dark top bar with light text and a hamburger menu.

Build a Bootstrap navigation bar by adding a container, a logo link as nav bar brand, and a toggle that collapses into a hamburger menu for dark or light backgrounds.

Create a responsive navigation with Bootstrap, including a hamburger menu icon, a collapsible nav bar, and an active link within an ordered list for desktop and mobile.

Learn to build responsive Bootstrap layouts using a 12-column grid inside a container, with fluid options and cards featuring image top, titles, and text across breakpoints.

Learn how to style images with bootstrap classes like rounded, rounded circle, image fluid, and image thumbnail to create rounded corners, circular images, fluid resizing, and bordered thumbnails.

Create a Bootstrap footer with y-axis padding, a dark background, and center-aligned white text inside a container. Apply fixed-bottom to keep it at the page bottom across sizes.

Bootstrap's built-in button and color classes let you style various button types (primary, secondary, success, warning, danger, info) with hover and click effects; override colors via CSS or inline styles.

Learn to embed and style Google Maps on a web page using the JavaScript API, define a map container and set latitude, longitude, and zoom with CSS or Bootstrap.

Learn to build an image carousel using bootstrap, including container setup, carousel indicators, slides, and left and right controls with data-target and data-slide-to attributes.

Create and customize a contact form with bootstrap form controls, form groups, labels, IDs, placeholders, and a styled submit button, then apply spacing and borders for a clean layout.

Learn to build a complete one-page website by integrating Bootstrap navigation, making the nav sticky, and linking sections with page top ids for smooth scrolling.

Build a complete web page with CSS3 and Bootstrap, creating a top image area with a background image and carousel, then structure sections using container, row, and responsive columns.

Create a complete multi-section web page with Bootstrap, linking home, about, contact, and footer sections, adjusting backgrounds and text, and applying Bootstrap classes for layout and navigation.