Web前端Html/Css_html/css_WEB-ITnose-HTML Tutorial-php.cn

Web前端Html/Css_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:48:38

Original

1074 people have browsed it

Let me summarize what I learned today. Although I have learned it before, I still feel that there is still something to learn.

Web front-end?Html:

HyperText Markup Language (HyperText Markup Language)
1. Overall skeleton

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title></title></head><body></body></html>

Copy after login

This way the overall skeleton is there. We need to modify and modify
Tags in Html appear in pairs, and there are also self-ending tags, such as
, tags. Speaking of self-ending tags, we should mention html here. Standard, in fact, self-ending tags can be written like
, Even many editors now automatically complete tags like this. In fact, this loose specification was stipulated as early as Html 4.0. Later, XML appeared. This language has strict syntax. The end tag must be written like this < />. Html also wants to change it. It has such a syntax, but it is difficult to stop it. There are already many web pages using Html4.0, so we see that there is such a thing as xhtml, which is actually a transition from Html to xml.

Notes:

Common tags:
Title tags: h1~h6
Paragraph tags:

Line break tags:

Unordered list:

Image:
Inline Frame:
Hyperlink:

Table tag:

<table border="1px">    <thead>    </thead>    <tbody>        <tr>            <td></td>        </tr>    </tbody>    <tfoot>    </tfoot><table>

Copy after login

Form tag:

<form action="">    <input type="text" name="username" />    <input type="password" name="pwd" />    <input type="raido" name="sex" value="men"/>    <input type="raido" name="sex" value="women"/>    <input type="checkbox" name="sport" value="football">    <input type="checkbox" name="sport" value="basketball">    <input type="submit" value="submit">    <select name="city">        <option value="beijing"></option>        <option value="shanghai"></option>    </select></form>

Copy after login

Web front-end?Css:

Cascading Style Sheets
If Html is the skeleton of the human body, then Css is used to enrich this skeleton

Css code location:
1. The style attribute in the tag
2. In the style In the tag
3. Introduce external style sheet*

Syntax:

Selector {
Attribute: value;
Attribute: value;
}

Four selectors:
1. Element selector: p, div
2. ID selector: #id
3. Class selector: .class
4. Combination selector: #id,.class

Box model:
Margin: margin
Border: border
Padding: padding
Width: height
Height: width
Note: Width and height include borders and padding. Pay attention when using it
Margins, borders, and padding can be set in four directions

flaot Float

Color: #Hexadecimal number composed of rgb three primary colors