Please enable JavaScript.
Coggle requires JavaScript to display documents.
BASIC HTML & CSS (HTML ELEMENTS (<table> (<thead> <…
BASIC HTML & CSS
CSS SELECTORS
any html element
*
(everything)
id
in Css: #id
class
in CSS: .class
Nested elements
ANY nested e.g.: div p { property: value;}
SPECIFIC nested: div > p { property: value;}
selector:pseudo-class_selector {property: value;}
for a link: a:hover / a:visited / a:link
Child
First Child
p:first-child {property:value;}
Nth Child
p:nth-child (2) {}
CASCADING
HTML (Parent)
Head
title
body
p
HTML ELEMENTS
<ul> unordered list
<ol> ordered list
<li> list item (no closing tag)
<img src="https://www.xyz.com"/>
<a href= " https://www.xyz.com"> link text </a>
<div> </div>
<table>
<thead> </thead>
<tr> </tr>
<td> </td>
<th> </th>
<video width="320" height="240" control> <source src="https://jkoihui.com" type=video/mp4> </video>
INLINE CSS
<p style = "color:blue;">
CSS Form
selector {property: value;}
adding CSS to html
<head> Put it inside head </head>
<link rel="stylesheet" type="text/css" href="mystylesheet.css">
Margin, Border, Padding, etc.
https://yt3.ggpht.com/-2rnunR23ILc/AAAAAAAAAAI/AAAAAAAAAAA/IcSZIJwinrw/s900-c-k-no-mo-rj-c0xffffff/photo.jpg