Web basic Html+css (1)
1. Download Hbulider
1, create a new folder and create an html file
2. First acquainted with html5
1. A language for describing web pages
Hypertext Markup Language
Markup language
Use html tags to describe web pages
2, html extension
3, local storage is stored in local files
4, a new hello world
5, simple layout
1) html Interaction with css: link
2) the use of header nav article footor bordor solid padding margin float width height
3) meta metadata charset web page character set name data name content content title web page name nbsp space copy copyright symbol
4) the main part is written in body
5 ) P paragraph stronger emphasizes br line break
6) block element line elements
7) lists can be nested
1, ordered list ol li
2, unordered list ul li
3, definition list dl dt
8) hyperlink and relative link
9) picture And video
1, img
2, audio
10) form and form
1, the form type attribute
text is used for text without any restrictions and the character password is used for entering passwords.
email
url
number is used for input fields that should contain e-mail addresses.
range is used for input fields that should contain numeric values within a certain range.
number Date pickers (date, month, week, time, datetime, datetime-local)
search
color color
submit submit button
date day, month, year
month month, year
week week and year
time time (hours and minutes)
datetime time, day, Month, year (UTC time) datetime-local
time, day, month, year (local time)
2, table
Three, css
one, css introduction
Second, the element
1 is initially selected by the selector , the selector
1) the element selector
2) the id selector #id attribute
3) the class selector class
4) the wildcard selector
2, the composite selector
1) the intersection selector
2) and Set selector
3. Relationship selector
1, child element selector
2, descendant element selector
4. Pseudo-class
CSS Pseudo-classes are used to add special effects to certain selectors.
Pseudo-element
: link is used to indicate links that have not been visited (normal links) :visited is used to indicate visited links
: hover is used to indicate the state of mouse movement
: active is used to indicate mouse clicks
Four, pseudo-element
five, style Inherit
6. The weight of the suspender
7. The unit and color