Home >Web Front-end >HTML Tutorial >HTML&CSS_Basic_01_html/css_WEB-ITnose
//JerryWeb
//20150602
//HTML | CSS | Basic
======== HTML&CSS_Basic_01=======
#html should remain semantic and maintain a beautiful and clear structure even without css .
em, strong means emphasis | span has no semantics, set a separate style | q quote | blockquote long text quote | br / | address address | pre multi-line original text display
table tbody tr row td column th table header | img alt: Download failed text title: Prompt text
#form form, method: post|put to complete the interaction with the backend. Generally, there is label input under the form tag,
#input -> type: text|password|radio |checkbox|submit | reset… |
Value:
#fixed css link & lt; link href = "path/style.css" rel = "styleSheet" type = "text/css" & gt;
#CSS Form, inline, head style tag internal link, link css external link, and there is a principle of proximity, the priority is high
#Tag selector, among which the class selector can be used multiple times, group, and the ID selector can only mark once.
#Sub-selector: .food>li (Use > to select only the first sub-tag)
.food span (can be used for all with spaces) span tag)
#Pseudo-class selection a:hover
#Determine the order based on weight! Tag 1 class 10 id 100
# 2em represents 2 times the font-size unit
#line-height: 1.6em;border:1px solid red;font-family:Yahei;font-weight:bold; font-style:italic;text-decoration:underline|line-through
#text-indent:2em;letter-spacing:50px;word-spacing:50px;text-align:center| L | R