Académique Documents
Professionnel Documents
Culture Documents
CSS-Style
Js- logic
cmd/ - comment
html tab - doctype
html elements
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> The HTML <h1>�<h6> elements represent six
levels of section headings. <h1> is the highest section level and <h6> is the
lowest.
ordered list - 1 2 3
unordered list - bullets
<ol>
</ol>
<div> - container tag.. used to group things together .. block level (takes new
line)
------------------------
html attributes
no opening closing tag
<img src="">
<thead>
<tbody>
----------------
html forms
used to take input from user
from tag is a container
request are of two tyopes
1.get --- searcing from db
2.post - adding to the database
form tag
input tag -- has types
text/date/file/check/colour/email/password/radio
placeholder- to temp hold the data before user clicks to tell user what is what
-----------------------
CSS
general rule:
selector{
property : value;
anotherProperty : value;
}
use id to single out a specific element-- har element ko alag the style karne le
liye.. every id should be unique
id is referred using #
class =-- group of same similar elements that we want to style. ..
class is referred using .
types of selectors
1.
*
{
}
selects every element on the page
2. decendend selectors // basicly nested
li a {
}
selects all the a tag inside a li tag
ul li a{
}
every anchor tag inside li that is inside ul.
li .hello
{}
every hello class element inside an li.
3. Adjacent -- element that come after a particular element(not nested) (on the
same level)
h4 + ul
{}
4. attribute selector
a[href="https://www.google.com]
{background:blue;}
input[type="check"]
{
}
5. nth of type
every nth of an element
every 3rd li
ul:nth-of-type(3)
{
}
-------------------
inheritance -- parent changed.. all child channged.
specificity- multiple styles targetting one element.
----------------------------------
BOX Model
every Element has a box around it
4 propertis of each box
1.content
2.padding - from content and border
3.border
4.magrin- two contents space
specifity order
universal selector<type selector<class selector < id selector
-------
font-family
font-size
font-weight
line-height
text-align
text-decoration -- underline/overline/srike