The first knowledge of "different bounds" in the------of HTML

Chapter I. Wedge

"Are you awake?" The old man asked, touching a long beard, a face kind.

Well ”

Wait, how the old man hangs in midair.

"Mom, Ghost!!!" ~

The old man looked at himself, and there seemed nothing wrong. Instantaneous, and thought up.

"You were in a car accident and died." Cough, but you're dead because of our mistakes, so you have a chance to reincarnate. ”

"If you still want to go back, just stay here and wait for me to teach you a unique knowledge so that you can unique knowledge in the next world." ”

You endure, suddenly say, "Hey, you have enough." Your fault even if, not let me go back to the original world. OK, what will I learn? ”

"If you can learn the unique knowledge to the highest level, million years, wealthy, win white rich beauty, embark on the pinnacle of life without difficulty, is it a little excited to think about it?" ”

"Yes yes, let's get started." ”

"All right, this is a 7,749-day study, you think?" ”

"Hurry up, come on, walk you!" ~

Chapter II

First of all, I'd like to tell you how to pretend to be an "old hand" after you have finished your studies.

First, after we have finished our studies, we will first have a "seal number".

"What is the title of the cool hanging sky?" Is it the spirit ice bucket or the blood blade God? Do I have to change my name to Hoyuho or dust or something? ”

"is an egg, to the man lying well, your number is called-front-end development engineer." ”

"Very boring!" ~

"Don't you learn?" ”

"Learn, you old continue." ”

"Front-end development engineers are actually responsible for IT systems engineering, in fact, is responsible for the design of information systems, construction, including equipment, systems, databases, application system construction." ”

"Speak the word!" ”

"Cough, you are a pre-made Web page, but later will slowly become more and more powerful, their own website, do all kinds of animation games no longer words, like which girls, minutes on the page to you draw out the flowers." Will these be afraid of not chasing the sister? ”

"What should I do with other people?" ”

"You don't see it, you have a lot of wisdom." ”

"That is, the elder brother after all has studied the university Computer Foundation, is proficient in ppt,excel ..."

"Cough, off the topic." When you enter the company, in general, this is the division of labor. ”

1. Product Requirements: The Product Manager to give the requirements of the document

2. Project design:
Visual designer –>PSD Design drawing
Interactive designer –> The design of website interaction

3. Front-end development:
Html
Ios
Android
Unity-3d

4. Background development:
Background personnel cooperation

5. On-line operation

"It is really wrong to note that many companies actually put the site planning work directly to the product," he noted. And like the Web site of the interaction designer, many companies are directly omitted, and the final online operation generally, and we have no relationship. ”

"Oh, well, what am I going to learn next?" ”

"The first is to learn the use of various development tools, such as the use of various browsers, familiar with the various browser plug-ins, clear the differences between the various browsers, and also master the use of the legendary" four major evils of Asia, "the Chinese PS Surgery. ”

"すばらしい! (good) "

What ”

"All right, what else?" ”

"Also need to master a variety of languages, such as HTML, CSS, JS, DOM, BOM, PHP, Ajax, node. js and so on. ”

"Grandpa, what the hell is all this?" ”

"It's not ghosts, it's all kinds of languages, and the technology you have to master. ”

"Well, where do we start?" ”

"Today I'm going to talk to you about the core language of front-end development. ”

Core language for front-end development
HTML: Hypertext Markup Language structure
CSS: Cascading style sheet representation
JS: scripting language behavior

"If you still don't understand, I'll give you a chestnut." ”

"See no, HTML, CSS and JS are actually co-ordination, the HTML responsible structure, CSS responsible for the style, JS responsible behavior, such as I clicked on, the color block will grow." ”

"Can it be long and short?" Hey, can you still be thick and thin? ”

"Give the couple a roll and think of where they want to go." ”

"Low-key low-key, right, just said this inside with these three, then what is HTML?" ”

HTML Hypertext Markup Language

Hypertext?
Beyond the text, can contain pictures, links, and some other resources

Mark?
Specific location to write specific content (all written letters, the envelope lets you write zip code box is marked yo)

How do I mark it?
<> </> Double Mark
</>single Mark

Markup Language?
Writing "specific" English words to the tag gives the mark a special meaning.
This is the markup language.

"Oh, so how do we write HTML?" ”

"This is not urgent, we first come to know, the basic structure of HTML." ”

"Oh Oh, そうですね." But the content of this writing is not good to see, how can I get this thing to become more beautiful? ”

"This is going to use our CSS, which is our cascading style sheet. ”

"How should this be understood?" ”

"Understand an egg, for the man to remember firmly." ”

"OK, I like SM the most, firmly, hey hey!" ~

“。。。 ”

"So how do we get this thing into the page?" Do you write directly? ”

"Of course not, this introduction is divided into three kinds. Like the way we just used it, it's the inline style sheet. ”

Inline style sheet

Writing:
Written inside the label

Advantages:
Highest priority level

Disadvantages:
Too many redundant code
Not conducive to maintenance

Usage scenarios:
Individual special effects of the settings, usually not recommended to use

"What about the other two ways?" ”

"The other two methods are called ' internal style sheets ' and ' external style sheets ', respectively. They all need to be written inside the label. ”




"In this case, I need to tell you about the CSS selector, you want something to change, first you need to let it know that it needs to change." ”

Three options to teach you at this stage
1. Tag name Selector
2. Class Selector
3.ID Selector

"Now you know how to use it." ”

"Well, how dare I ask my name?" ”

"Li Peng, Mr. Li!" ”

"Very, very." ”

"Egg, you know only today." ”

"Don't say that, flattery is good for unity, you always drink saliva first." ”

"Well, you. ”

"Now that you've been taught how to choose a particular tag, you'll be taught to control some basic patterns. The first is the background. ”

"Learn the background settings and then learn the settings for the border." ”

"After that we learn to learn our inner margin--padding. ”

"There is a natural outside, outside the distance--margin." ”

"Learned the Padding,border,margin can form our front-end development drawbacks" box model ". ”

"Ye, you know a lot." ”

"Of course, after all, the old man is often out of the big health care, what Erlonghuzhu, Star Wars, I have not experienced any waves." ”

"Uncle, you are careful kidney deficiency." ”

"Cough, the ladyship is telling you about the space of the box model." ”

Box model
The space area of the box covers the floor
Width: Width + border-left + border-right + padding-left + padding-right;
Height: Height + border-top + border-bottom + padding-top + padding-bottom;

"At the end of the day, I'll teach you all kinds of ways to control text styles. ”

"Note that the test content to write a short, long will be a problem, do not ask how to solve, will tell you later." ”

"Oh, that's my name." ”

"Well, now try it yourself, see how it works?" If you do not understand, you can contact the Ladyship. ”

"Thank you, Grandpa!" ~

"Call the teacher!" You're a turtle. ”

"Uh, teacher. ”

"Well, after going back to practice, the future will become an amplifier." Remember to come to study every day, a message to praise every day! ”

"Good king, thank you, King." ”

OK, today's article ends here, see here is true love.
The first time I tried to write a technical article with this writing,
There may be mistakes in the place, I hope that we actively pick the wrong, positive message.
Finally, I hope you can follow me continue to study, in the future to go out at least can also say that they have made the site development is not.
June 06, 2016 Spents 3 hours

The first knowledge of "different bounds" in the------of HTML