HTML/CSS Flashcards
in HTML, How many heading tags are there?
6
_____ tags define structure and express the meaning of content.
Semantic tags
______ elements, such as <div>div</div> they take up the whole width of its parent elements width by default
Block Elements
______ elements, such as <span>span</span> only takes up as much space as the content needs.
Inline Element
what’s the difference between Head vs Header vs Heading
head is the tag at the top of your page containing your meta-tags, styles, scripts and title. Header : header tag contains information related to the title and heading related content which is display on web page
Can you style with HTML?
yes with html tags, but not recommended
what are the two types of lists?
Ordered List and Unordered List
These tags are highly useful tags that you can link either internal or external webpages
Anchor tags
Anchor tags use _____ attribute to define their destination
href attribute
Anchor tags use _____ attribute to avoid the most annoying phenomenon of anchor tags: opening in the same browser tab
target attribute
what does css stand for?
Cascading Style Sheets
what does html stand for?
Hypertext markup language
How are we be able to target certain elements to apply stylings to?
CSS Selectors
What are some ways to express colors in CSS?
plain language, hexadecimal, RGB/RGBA
These are selectors that targets certain state of an element, such as hover, clicked, active, etc. They are denoted with : (:hover, :clicked, :active)
Pseudo-Class
These are elements that don’t really exist in DOM, but can be used to style a specific part of element or before or after an element. They are denoted with :: (::before, ::after, ::first-line, ::first-letter)
Pseudo-Element
______ selector selects all descendants, regardless of how far down the chain they are.
Descendant selector
______ selector: selects direct child(ren) of an element
Child selector
______ Sibling selects directly adjacent siblings
Adjacent Sibling
______ Sibling selects any siblings
General Sibling
_____ Selectors selects elements with specific attribute values
Attribute Selectors
_____ Selectors combines multiple selectors without the space
Multiple Selectors
Styles everything, all elements with the given rules
Wild card selector
These describe the space in which the html elements reside.
Box Model
what are the two CSS units?
Relative and absolute
syntax to change pixel of your screen
px:
syntax to change percentage of your parent element size
%:
syntax to change size of font size
em:
A responsive webpage adapts to various viewports by realigning its elements. This allows a pleasant user experience regardless of screen size.
Responsive Web Design
CSS framework that is responsive and mobile first (designed with mobile screens in mind from the get go, instead of mobile compatibility being an after thought)
Bootstrap
in CSS, absolute, static, relative are a _____ property
Positioning
in CSS, inline, block are a ____property
display
