CSS Flashcards
What does CSS make use to specify which element/s to apply style to?
selectors
In css, what do you use when you are using an id?
hashtag (#)
In CSS, what do you use to access a class?
Dot (.)
What are the three ways to declare CSS in HTML?
Inline Styling
Internal Style Sheets
External Style Sheets
What is the essence of cascading in CSS?
Allows several style sheets to influence the presentation of document
What is the best practice to use (style sheets)?
External
What are the three possible origins of the style of any element?
Author
User
User-agent
This possible origin is a CSS provided by the web page author
Author
This possible origin is a browser settings as configured by the user
User
This possible origin is the default style sheet of rendering engine.
User Agent
By default, which style take over precedence over each other? What is on top?
Author»_space;> User and User Agent
What declaration allows you to take precedence over non-important ones?
!important
With the use of !important declaration we also reverse the order of the precedence by origin by?
Important User Agent Styles
.
.
.
Important User Styles
.
.
.
Important Author Styles
True of false?
The most specific selector takes precedence?
True
How is specificity determined?
Counting the number of tags, classes, id, attributes, etc. in the selector
What factors determine for specificity?
1 Inline
2. Contains Id
3. Number of classes, attributes, and pseudo classes
4. Number of tags and pseudo elements
This element can be appended to a selector to style specific parts of an element
Pseudo Elements
If importance, origin, and specificity are all equal, what is the deciding factor?
Source Order
When does inheritance kick in?
When no source tries to set a property
What does inheritance eliminates?
Redundancy
Can all properties be inherited?
No
How is responsive design achieved?
Using media queries.
This query are used to apply a block of CSS only if certain conditions are met
Media Queries
Which is designed first? Mobile or laptop?
Mobile
