Front-end
What are the advantages and disadvantages of csssprite
The advantages and disadvantages of css sprite are: 1. Reduce the number of HTTP requests, greatly improving the page loading speed; 2. Increase the repetition of image information, improve the compression ratio, and reduce the image size; 3. It is convenient to change the style, just It can be realized by modifying the color or style on one or several pictures; 4. It is troublesome to merge pictures; 5. It is troublesome to maintain. It is troublesome to merge pictures. Maintenance is troublesome. Modifying a picture may require re-layouting the entire picture and style. Recommended tutorial: “HTML Tutorial” The above is the detailed content of the advantages and disadvantages of css sprite. For more, please pay attention to other related articles on 1024programmer.com!
What does display: none mean?
[display:none] means to hide the element and leave the document. The flow is to hide the area and does not occupy the actual space, but it really exists in the background, and the hidden element can be obtained. Simply put, it is When an element is set to none, it will neither occupy space nor be displayed, which means that the element does not exist. display:none means: Hiding the element and leaving the document, the flow is to hide the area, It does not occupy the actual space, but it really exists in the background, and the hidden element can be obtained. Simply put, when the element is set to none, it will neither occupy space nor be displayed, which means that the element does not exist. After reading the meaning of display none, let’s take a look at the usage of display none. Area to be hidden Setting the display:none attribute value, it becomes the effect as shown in the figure below: the area that needs to be hidden is hidden. Recommended tutorial: “HTML Tutorial” The above is the detailed content of what display:none means. For more, please pay attention to other related articles on 1024programmer.com!
Introduce the label tag in HTML in detail
The relationship between label tags and specific form elements There are two main ways to associate label tags, Display association and Implicit association: Method 1: Explicit association The explicit association is through the for property, explicitly associated with another form control. It should be noted that the value of the for attribute must be the id of the markable form element in the same document as the label tag. Note that it is the id rather than the name. Such as: Hobbies: Basketball football Rendering: Displays the pros and cons of association and implicit association: Advantages of explicit association: It can reduce the number of label nesting layers label tags and forms can be in different positions Disadvantages of display association: The control needs to define the id attribute The label tag and the form control are not conducive to controlling as a whole Advantages of implicit association: The control does not need to define an id The label and the control are convenient to be controlled as a whole Implicit Association Disadvantages: Increased label nesting layers Cannot place labels and associated controls in different positions The above are personal views on the two methods, and you can choose to…
Teach you how to introduce another html file in html (detailed explanation)
The method of calling another html is introduced in html. I have tried several methods and listed them all: The first method is the best. You can try other methods See if it is suitable for your current project One, p+$(“#page1”).load(“b.html”) Reference code : Second, iframe Reference code: 3. Object introduction Reference code: Fourth, import introduction Reference code: Reference article: https://www.web-tinker.com/article/20637.html 5. The panel component of bootstrap, or the window component of easyui, A bit similar to this effect. Thank you for reading, I hope you benefit a lot. This article is transferred from: https://blog.csdn.net/arvin0/article/details/56839242 Recommended tutorial: “HTML Tutorial” The above is to teach you how to For more details on how to introduce another html file into html (detailed explanation), please pay attention to other related articles on 1024programmer.com!
Let’s talk about the difference between html and HTML5
Someone asked me today, do you often use html5 or html? emmm… In fact, when I usually write web pages, I don’t make a special distinction between the two. If you have to say the difference, the obvious difference is the ones I listed below. As for understanding at a deeper level: HTML5 has gone far beyond the scope of markup language, behind it is a set of technology. Xiaobai’s study is too shallow, so he dare not talk too much. >.< 1. The type declaration of the document is different html: “http://www. w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> html5: The document declaration is relatively simpler, which is helpful for programmers to read and develop quickly. 2. Semantic structure html: There is no structural semantic label (commonly speaking, it is inconvenient to read, and it does not tell you where the head is. Where is the tail) html5: Added many semantic tags, make the code structure clear and improve the readability of the code. Here are some semantic tags in html5: : short, descriptive, unique (improve search engine rankings) : h1~h6 hierarchical headings, used to create a hierarchical relationship of page information. : The header usually includes the site logo, main navigation, site-wide links, and…
What is the tag in html that sets the character set for a web page?
The tag in html that sets the character set for the web page is the meta tag. META tags are used to describe the properties of an HTML web page document. In addition to providing basic information such as the document character set, language used, and author, it also involves the setting of keywords and web page levels. For example, if the character set of the page is set to utf-8, the corresponding meta tag is: . The so-called META tag is an important html tag in the source code of HTML web pages. META tags are used to describe the attributes of an HTML web page document, such as author, date and time, web page description, keywords, page refresh, etc. The META tag is a key tag in the HEAD area of the HTML tag, which is located between the and of the HTML document (some are not between and). Although the information it provides is invisible to the user, it is the most basic meta-information of the document. In addition to providing basic information such as document character set, language, author, etc., it also involves the setting of keywords and web page ratings. So the content of online…
What is the markup in html markup that represents a paragraph?
The tag that represents a paragraph in the html tag is the tag. The tag defines a paragraph, and the p element will automatically create some blank space before and after it. The browser will automatically add these spaces, or it can be specified in the style sheet. The tag that represents a paragraph in the html tag is the p tag. tags define paragraphs. The p element automatically creates some whitespace before and after it. Browsers add these spaces automatically, or you can specify them in your stylesheet. Example The following code marks a paragraph: This is some text in a very short paragraph Recommended tutorial: “HTML Tutorial” The above is what is the mark of the paragraph in the html mark? For more details, please pay attention to other related articles on 1024programmer.com!
Some HTML optimization tips you should know
The relationship between HTML, CSS and Javascript HTML is a markup language used to adjust the structure and content of the page. HTML cannot be used to modify the style content, nor can you enter text content in the head tag, which makes the code lengthy and complicated. On the contrary, it is more appropriate to use CSS to modify the layout elements and appearance. The default appearance of HTML elements is defined by the browser’s default style sheet. For example, in Chrome, the h1 tag element will be rendered as 32px Times bold. Three general design rules: Use HTML to construct page structure, CSS to modify page rendering, Javascript Realize page function. CSS ZenGarden is a good example of behavior separation. Use less HTML code if you can do it with CSS or Javascript. Keep CSS and Javascript files separate from HTML. This can help with caching and debugging. Document structure can also be optimized, as follows: Use HTML5 document type, the following is an empty file: Pesto Pesto is good! Refer to the CSS file at the beginning of the document, as follows: Using these two methods, the browser will prepare the CSS information before parsing the HTML…
You must not know how the pictures in the div are centered horizontally and vertically
You must not know how the pictures in the div are centered horizontally and vertically. Here, the editor provides five centering methods. Let’s take a look. body structure Method 1:Set display to table-cell, then set text-align to center for horizontal centering, and set vertical-align to middle for vertical centering. The result is shown in the figure below:It is realized by position positioning. Set p to relative positioning, and set img to absolute positioning, left: 50%, top: 50%. At this time, the upper left corner of the picture is at the center of p. If the center of the picture is at the center of p, You need to move the image up by half the image height and to the left by half the image width. The result is shown in the figure below:It is still achieved through position positioning. Set p to relative positioning, and set img to absolute positioning, left: 50%, top: 50%. At this time, the upper left corner of the picture is at the center of p. If the center of the picture is at the center of p, you need to place the picture Move half the height of the picture up and half the…
Two minutes to understand the usage of a tag in html
a is an HTML language tag. The a tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the a element is the href attribute, which specifies the target of the link. Let’s take a look together. A tag will focus and automatically appear a dotted frame after clicking? Solution: 1.css processing method a{ outline:none;} 2. Add listening events, automatically lose focus (not recommended) 3. Inline processing style The label opens the link in a new tab value description _blank Open the linked document in a new window _self default Open the linked document in the same frame _parent Open the linked document in the parent frameset _top Open the linked document in the entire window framename in the specified Open the linked document in the frame vue opens a new page: let routes = this.$router.resolve( { path: '/position/recruit/job/desc', query: { id: row.id } } ) window.open(routes.href, & #39;_blank& #39;) Thank you for reading, I hope you will benefit a lot. This article is transferred from: https://blog.csdn.net/weixin_45266125/article/details/103199755 Recommended tutorial: “HTML Tutorial” The above is two minutes to understand html For more details on the usage of the a tag, please pay…
