Summary
Summary HTML/CSS/JS Fundamental Notes
- Institution
- Brunel University (BU)
Content to learn web development fundamentals HTML, CSS and JavaScript key to assist with developing web-based projects during brunel university projects.
[Show more]
Content preview
🌐CSS Notes
CSS Crash Course
CSS Basics
Cascading Style Sheets - Primary styling language of the web.
It allows us to style our websites as well as describing the layout of how we want our
website to be presented such as the size and positioning of elements
Casading
The order that stylesheets are used. There are 3 main types of style sheets:
1.) User Agent Stylesheets: Contain browser defaults for styles, these get the lowest
level of precedence.
2.) User Stylesheets: Contain user preferences saved in the browser, which override
user agent stylesheets.
3.) Author Stylesheets: Contain the CSS code we write, these get the highest level of
precedence (assuming !important has not been used)
Declaration
CSS Notes 1
, CSS is just a collection of declarations. A declaration is a CSS property-value pair in the
form:
property: value;
Declaration block
A group of declarations surrounded by {}
Ruleset
A selector followed by a declaration block for styling elements matching the selector
with the declarations in the declaration block. Rulesets follow this syntax:
Comments
CSS Notes 2
, Linking To HTML
The link tag goes on the head. It uses the relationship attribute and the hypertext
reference attribute.
Selectors
A Pattern used at the beginning of a ruleset for choosing which elements will be affected
by the declarations.
Universal selector: * selects everything
CSS Notes 3
, Pseudo Classes And Elements
Pseudo classes are an addition to a CSS selector used for selecting based on the
current state of the element. These start with “:” e.g. button:hover would select buttons
currently hovered over
Pseduo elements are an addition to a CSS selector used for selecting a specific portion
of the element.
e.g. p::first-letter would select the first letter of the paragraphs.
::before and ::after are special pseudo elements that insert children before or after the
content of the element, allowing for styling before or after the content. This is often
times used with the CSS content property but not always.
Selector Specificity
What happens to conflicting declarations?
The highest weight is selected. The more specific one is used.
Specificity is roughly calculated by counting the number of each selector type involved
in a selector and multiplying by a weight. If weighting is the same it defaults to the last
rule in the stylesheet.
CSS Notes 4
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller cslbrunel. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for £2.99. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
72042 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy revision notes and other study material for 14 years now