Hey there! Brian Dys here — I’m a visual and visceral person at heart. Ever since my mom lent me her old film camera, I fell in love with photography. All of my creative musings were exemplified by my second brain, the computer. This journey is a topsy-turvy ride of creative pursuits — from electronic music to UX design.
I enjoy every dull and wild moments of it — yes, this life of mine that I share with a woman named Jaycelle and a boy named Bryce. Take a peek into my kaleidoscope!
You know what I can’t stand for 4 minutes? Listening to classical music radio station while driving. We try it, Jaycelle and I, from time to time if we can stand it. At times, when we’re word-battling, we don’t notice the music in the background. But at times when you put your ears into it? Nah, next channel.
It is similar with active elements – they must have three levels for the purpose of CSS.
The first level is the textual element itself. The second level holds the function of the active element (e.g., <a> or <button>). The third level is for positioning. Initially, it appears that the default way to put it is this way:
And since this is for the purpose of CSS, we must impement Framing for the textual element and for positioning. These frames will act as hooks for CSS. Look at this example:
<div> <!– Frame for positioning –>
<span> <!– Frame for textual element –>