HTML fix------"The Abyss Three Kings"

Source: Internet
Author: User

Chapter III

"Master, I passed yesterday's cultivation, has already had the basic understanding to the HTML this martial art, but the student has one thing unclear." ”

Anything But there's no harm in saying. ”

"This is the box model," said the ' box model ' after the Buddha's anger, another super artifact, but the Apostles have never mastered its principle. ”

"This is not a problem, and look at this picture. ”

We compare this box to the Mooncake box that wraps the moon cakes when we are on the Mid-autumn Festival.
The distance between the two mooncake boxes is the –>margin (margin) We are going to introduce.
And we have to have the outermost packing box for each moon cake,
The thickness of this box is our –> border (border).
So our mooncakes can't all be directly together, right,
The spacing between each moon cake, we are called –> padding (inner margin).
Let's introduce the Mooncake box, we should always have the moon cake.
Yes, we have the width of the moon cake is –> width.
Altitude is –> height.
And our mooncakes are called –> element.

"Then how do we calculate the distance of our box model?" ”

"Do you know this picture?" ”

In CSS, width and height refer to the widths and heights of the content area.

Increasing the padding, borders, and margins does not affect the size of the content area, but increases the total size of the element box.

Assume that there are 10-pixel margins and 5-pixel padding on each edge of a box.

If you want this element box to reach 100 pixels, you need to set the width of the content to 70 pixels.

"Do you understand now?" ”

The Apostles understood. But yesterday finally learned too many methods, the difficulty increases too fast. ”

"No, these are your daily compulsory courses, practice makes perfect." ”

"Can also be used to sell oil in the inside of the sentence ' without him, the only hand-ripe ' to describe it. ”

"Hum, do not think that the teacher does not understand what you are doing, take your hand out of the crotch." Young people do not always the tube, do not know the strong-in Ashes? ”

"Well, master Gao. ”

"But master, we learned the beginning of the HTML yesterday heart, the next should start learning moves." Just like the most commonly used label Div in the history of yesterday's study, what can it do? ”

"Div is known as the HTML realm of the face of the husband, his early years by virtue of a" no phase ", in the HTML world mixed is the wind. Just later, because a woman ... Alas, do not say or not. All you need to know now is that Div will have a single line in the Web page . ”

"Can he monopolize his line?" Why is this? Is it the character of his martial arts? ”

"You say so is not wrong, in addition to Div, other tags have its corresponding semantics, as the teacher told you yesterday, we have to add special English words to the tag, never formed a label, every label has his own meaning of existence, such a benefit is to be able to comply with the 'SEO '. ”

"SEO?" What is that again? ”

"SEO is one of the core rules of this universe, we in the process of writing Web pages, the corresponding content should be used to the corresponding label, is to cooperate with SEO. Otherwise, by virtue of the ' face of the husband Div ' ability, he can form a Web page, dominate the universe. ”

"What does SEO specifically mean?" ”

SEO is from the English search engline optimization abbreviation, the Chinese free translation for "Search engine optimization", refers to the site through the internal adjustment optimization and optimization, so that the site to meet the search engine ranking demand, in search engines to improve the keyword rankings, so that the precise user to the site , get free traffic, generate direct sales or brand promotion.

"You just said a lot of tags are effective for SEO, that is not to write every label should pay attention to it?" ”

"Not also, master special methods, work naturally can be more efficient." ”

"Are you referring to ' nine shallow and deep ', ' flirting first '? ”

"Give me a roll, what do you want to play in your head?" (Dentetsu ' Д) Dentetsu "

"Cough, was found." ”

Huh ”

Useful tags for SEO

1.title

2.meta:keywords,description

3.H1 (can only occur once)-H2 (not too many)

4.strong (Tone aggravated)

5.img-alt (replace text, appears when the picture is not displayed properly)

6. Outer chain

7.a

"As long as you have the correct usage of these seven commonly used labels, the rest is just a little more careful." ”

"Alas, master." Didn't you say that you are going to introduce ' The Three kings of the Abyss ' today? ”

"You have the nerve to say, all day know to turn the wall to see PornHub, can do some practical work?" ”

"Lie down, master, you peeping at me." ”

"The womanizing is never near." ”

"Master, I am a man, and, moreover, I am straight." ”

"Give me a roll, I don't make a base." ”

"Cough cough, master, you'd like to tell me the story of the ' Abyss Three Kings '." ”

Huh ~

Fourth Chapter

"Heaven and Earth Xuan Huang, the universe primitive." Sun and Moon surplus Jackson, Chen stay in the column Zhang. At the beginning of the universe, the original World God heart divided into three pieces, one of which contains a large part of the refresh, that is, the original state of the "divine Realm", the cloud fell to the depths of the universe, the formation of the current endless Abyss, the third piece will not have to say more. ”

"Master, the third piece is now the human world?" ”

"Good, is the so-called ' shape but the way, the shape of the next person said the device." There are three demons in the abyss with more turbid gas, the power rose, thus forming the now ' Abyss Three Kings '. ”

"What are the names of these three kings?" ”

"The ' fury of the great ' block element, ' The eclipse of the water ' inline elements and ' white Kings ' inline block elements. ”

"It all sounds great, so what do they look like?" ”

"That's for the teacher to say to you first, ' The fury of the great ' block element. ”

Characteristics

The block element will have a single row, and multiple block elements will have their own new row. By default, the block element width automatically fills the width of its parent element.

The block element can set the Width,height property. Block-level elements, even if they are set to a width, are still exclusive rows.

The block element can set the margin and padding properties.

The block element supports all CSS styles

"He can forcing a lot of soldiers, but the basic can be divided into the following categories." ”

Basic elements

Div
Meaningless, mainly with the interface layout (double label)

P
Semantics: paragraph (double label)

H1~h6
Define level headings to level six headings

Attention
H1 weight is very high, generally a page only one H1
H2 weight is very high, generally a page not more than 10, except for large sites
H3, whatever.
It's all double-labeled.

"But it's important to note that if you use the P tag, it's nested inside the DIV tag, which will cause the style in the P tag to be split off. ”

The disciples understand that the ' face of the husband ' Div is also a block-level element. ”

"Yes, besides, there are two pairs of twin brothers who are very powerful under the Fury Emperor. They are the serial table OL, the list of non-sequential UL also has the listing three brothers, Dl,dt,dd. ”

"But if you ever encounter fear, teach your teacher how to deal with it." ”

"How to respond?" Do you want to trade with the legendary PY? ”

“。。。 ”

All the tags have a specific style, we can use CSS to clear out all the styles
Build Your own Reset.css file

/*margin Style Initialization * /Body,H1,H2,H3,h4,h5,h6,P,ol,ul {  margin:0;} /*padding Style Initialization * /ol,ul {  padding:0;} / * Style initialization for list dot points * /ul,ol {  list-style: none;} 

"So you can deal with it, you want to put him in what posture, is what posture." ”

"That's not, hey hey, I like the cutest boy." ”

“。。。 ”

"For the teacher to say to you, the three kings of the ' Eclipse of the Demon Water ' inline elements. ”

Characteristics
Inline elements do not have a single row, and multiple adjacent inline elements are lined up in the same row until one line is not arranged before a new line is changed.
Content Open Width
The inline element setting width,height property is invalid.
The inline element does not support the upper and lower margin and padding, only the left and right margin and padding are supported
Code line break is parsed

"' The Eclipse of the Demon Water ' inline elements of the army, there is a fix not weaker than her existence, is the hyperlink a tag. She is known as the "Space staff" in the abyss, she can jump from one page to another interface, but also in the same page to set the space ' anchor point ', to achieve a specific position of the jump, the abyss is now so powerful, she has to work. (Note: A tag must not be nested in a label) "

"So powerful?" How did she set the anchor point? ”

You can jump by setting the href = "# + anchor name", note that you must add #

<! DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <span id="Top"></span> <p>Asdnajsd</P> <br> <br> <br> <br> <br> <br> <br> <a href="#top">Back to Top</a></body></html>

"Then how can I meet them to guard against?" ”

"You just have to remember, he's strong, he's strong, and the wind is touching the hills. ”

"Master, you clearly thought is can accept a few into the harem." ”

"Sin, look at the sword!" ~

标签的初始化下划线的样式初始化/*下划线的样式初始化*/a{ text-decoration: none;}/*字体样式初始化*/em{ font-style:normal;}

(You've been beaten up and bruised)

"Sound, master, need to die hand, and you as a straight man, how can you practice ' the sword ', with monkeys to steal peach." ”

"For the teacher this is called strategy, surprise unexpectedly." ”

"Master Gao." The master, why is there a name ' White King ' among the three kings of the Abyss? ”

"Not bad?" He was in order to some kind of artifact, camp waited for the genius of the "East Bo Snow Eagle" nearly 30 million years. ”

"Master, don't think I've never seen the Lord of Snow Eagles." ”

"Haha, don't care about these details. For the teacher to say to you, "White king," the elements of the inner Union. ”

Characteristics
1. Support for all CSS styles
2. In addition to the tag of the block attribute, the same attribute and row property labels are in a row
3. Code line break is parsed

"' White Kings ' inline block elements also feature wide elements that can be set width and height, and, like inline elements, can be in the same row as other row property labels because of this feature, he vaguely has a tendency to surpass the other two great kings. ”

"Wouldn't he be invincible?" He is so powerful that he can set the width and the same line. ”

"However, the reason is still three pillars, the 1th is a lot of times, in the page or to use different tags corresponding to the characteristics." The second is that the inline block is not perfect. ”

Oh Has he ever been to Thailand for sex change? ”

"Cough, not, but because when the inline block is set, its line of exchange is parsed." ”

You can see that there is no margin on the edge of IMG, but there is a white gap in the actual display.

And when we put two IMG tags together to write, it is normal, such as the first IMG and the second IMG.

Specific solutions please refer to the next article, the specific topics have not thought well, we remember to look good.

"Oh oh, how can i solve it?" ”

标签的初始化图片样式img{  border:none;}

"But, Apostle, remember one thing, you see the block element in the Web page, not necessarily the block element, he may already be an inline block element." ”

What Can they still be denatured? ”

"Although not, it is not far away." They can use a super artifact of the abyss before each use. ”

"Super artifact?" What is that? ”

"is the legendary display. Before using it, it is possible to use display to make a modification to its original feature, allowing the element that is originally a block attribute to become a row attribute element, while the inline property can also be converted to a block attribute. ”

"Ah, so powerful?" Can the inline block also be converted? ”

"Well, of course you can." ”

"Be aware, there are some hidden depths in the abyss, you must be aware," the apostle. ”

"Thank you, Master care, alas, such a long time, have never seen Mrs. Song Ah." ”

"Hum, wait for it, the number of likes to count to 100 I have a photo shoot." ”

Today's article on the first stop, today wrote the article, suddenly found that his brain hole has been large.
But it wouldn't be a waste of time if you could make your readers laugh.
Finally ask the readers, the Warcraft premiere how many people go back to see it? Is there any Beijing? About together.

HTML fix------"The Abyss Three Kings"

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.