糖心vlog官网观看

CSS: Styling HTML

Video placeholder
Loading...
View Syllabus

Skills You'll Learn

Cascading Style Sheets (CSS), Web, Web Development, JavaScript

Reviews

4.5 (483 ratings)

  • 5 stars
    69.35%
  • 4 stars
    17.80%
  • 3 stars
    5.59%
  • 2 stars
    4.34%
  • 1 star
    2.89%

HH

Nov 6, 2024

This course is very good for the learner who wants to learn HTMl, CSS and JavaScript from scratch.

NJ

Mar 10, 2025

Very practical course.Thanks team for doing everything to make this course more interesting .

From the lesson

CSS Overview & HTML5 Elements

Taught By

  • Michelle Saltoun

    Michelle Saltoun

    Software Developer

  • Upkar Lidder

    Upkar Lidder

    Senior Software Engineer

Explore our Catalog

Join for free and get personalized recommendations, updates and offers.

聽tag, as shown here. This example makes the following styles: Sets the background color: off-white (background-color) Ensures that the font color is black (color) Ensures that all content edges match the edge of the browser window frame (margin聽and聽padding) Horizontally aligns the textual content to the left (text-align) Sets the font size to the browser鈥檚 default (font-size) and uses a sans-serif (a font without the little flicks around the edges) as font family (font-family) These settings are simple. Generally, follow these guidelines: When a color is specified, use聽Red-Green-Blue (RGB)聽hexadecimal light values. When a size is specified, use聽pixels聽(indicated by a聽px聽after the number); an聽em, which is indicated by聽em聽after the number (that is, the size of the font multiplied by the specified number); or a聽percentage, which is indicated by a % after the number. Text can be aligned聽left,听right, or聽center. Floats can also be聽left聽or聽right. Vertical alignments must be聽top,听middle, or聽bottom. Fonts can be any specific font or font family (serif, sans-serif, or monospace) or even a downloadable font. One of the most important decisions you must make when you are determining the design of your website is whether to use a聽fluid聽or a聽fixed聽layout: A fluid layout:聽is a layout in which the height and width of elements is flexible and can expand or contract based on the browser window, the operating system, and other user preferences. You specify these elements mostly by using聽percentages and聽ems. A fixed layout:聽is a layout where you specify the height and width of elements, and those values remain the same regardless of which operating system or browser you use to access the website. You specify these elements mostly by using聽pixels When determining the layout, consider also the pros and cons for fluid and fixed layouts The type of layout you choose depends on the type and amount of content and the target audience of the website. To apply a CSS, you must tell the browser where to look for it. This step is the only true point where HTML references a CSS. You can make the reference in one of three ways: Inline CSS This is used for a single HTML element, But the HTML document can get messy very quickly as more styles get added To use this method, insert the \"style\" attribute inside any HTML element then there is an Internal CSS. This is used for a single page, however It 鈥渄irties鈥 the page with a non-HTML code If you copy and paste this style on each page, this approach increases the load time of each page, which causes the user to wait longer To use this method, the