From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
CSS properties and the DOM
From the course: The DOM in JavaScript, jQuery, AngularJS, and React
CSS properties and the DOM
- [Instructor] A webpage is made of three layers: the structure layer, presentation layer, and the behavior layer. The first layer of the structure is where the HTML markup tags are written in. So, if you look at this page, if you look at the Elements window, that is the DOM Tree; that's the physical layer, the physical structure that forms this webpage. The second layer is the presentation layer, which is where CSS and styling rules exist; this is where we apply the formatting, the colors, the font sizes, the screen background, all these special features to a webpage. And then the third layer is the behavior; this is where JavaScript lives. So, in this movie going to talk about the second layer, the CSS. CSS is the acronym for Cascading Style Sheet, and it's a presentational language, meaning that it's used to describe and format structured documents, such as this one, an HTML document, and it is tightly integrated into every browser, just like JavaScript is, so you don't have to do…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Developer tools7m 12s
-
(Locked)
What is the DOM?5m 18s
-
(Locked)
The DOM tree5m 59s
-
(Locked)
nodeType and nodeName properties7m 17s
-
(Locked)
The Node interface10m 50s
-
(Locked)
The Document object12m 8s
-
(Locked)
The Document methods10m 27s
-
(Locked)
Element objects10m 24s
-
(Locked)
Modifying text in the DOM9m 16s
-
(Locked)
Event objects11m 54s
-
(Locked)
Window object6m 56s
-
(Locked)
CSS properties and the DOM13m 50s
-
(Locked)
Traversing the DOM tree10m 18s
-
-
-
-
-
-