Karteikarten
W5: HTML & CSS
Karten in diesem Stapel (19)
- 1What is HTML?Hyper text markup language.
HTML defines the structure and layout of a Web document by using a variety of tags and attributes.
HTML code ensures the proper formatting of text and images so that your browser displays them as they are intended to look - 2what does the tag contain?The head's content is not displayed on the page. Instead, the head's job is to contain metadata and a title about the document.
- 3How can you include an external css in your html?
- 4Draw box model
- 5What is SEPARATION OF CONCERNS?Every interactive web application needs to have separation of concerns:
Structure: HTML. Describes the content in a way that a browser can interpret it
Presentation: Css
Behaviour: Javascript - 6Block level elementBlock-level always starts on a new line and takes up the full width available
The element is a block-level element. - 7InlineAn inline element does not start on a new line and only takes up as much width as necessary.
is an inline element - 8Anatomy of HTML pagePage Title
The content of the document...... - 9how to include css from an external file
- 10select two classes CSS.class1.class2 {}
- 11Selects all elements where the direct parent is a elementdiv > p
- 12Selects all elements and all elementsdiv, p
- 13Selects all elements inside elementsdiv p
- 14SPECIFICITY in css!important >
ID selectors >
class selectors >
type selectors (e.g h1)
OBS: ON THE SAME ELEMENT: i.e class .intro beat h1 if applied: - 15This is a heading which one has higher specifity?h1 is most specific! wins
- 16.list li{ color: red; } ul li{ color: green; } what color?.list li -> more specific! Color is red
- 17#content li{ color: blue; } .list li{ color: red; } what color?Id is more specific: color is blue!
- 18pseudo classesA CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user's pointer hovers over it.
- 19Here is a title! with: #parent { color: green; } h1 { color: purple; }Styles for a directly targeted element will always take precedence over inherited styles, regardless of the specificity of the inherited rule!
This will be purple
Informationen
- Beschreibung
- Webdev Karteikarten am W5: HTML & CSS, erstellt von Emma Tysk am 09/06/2019.
- Erstellt von
- Emma Tysk
- Aufrufe
- 2
- Bewertung