:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style type="text/css">
*{
margin:0 ;
padding: 0;
}
</style>
</head>
<body>
<img src="" alt=""/>
</body>
</html>marginpadding,
<body>21px?<body>? 
there is a blank box called "strut" in the inline box model, which exists in front of each "row box" and has the 0 width of the element's font and line height attribute. If you set html {font-size: 0}, the body height will become 0
because there are blank characters in the body tag, and the browser default font size is 16px. Then add the row height (how much you forget), and it adds up to 21px. If you replace the tag with
, it will have the same effect. You can try to set the font-size of body to 0, so the height of body is 0.
img elements are inline elements. Combined with what you said above, with a blank box, that is, there will be a line height without a font
Previous: Background Management left menu
Next: Weex cannot use last-child pseudo-elements. How can I get the last child element?
the psd given by the artist is 1080 to 1920. How to convert width, height and font when making a page? ...
question: after downloading the project in the way of Alibaba iconfont, introduce the iconfont.css file (other font files are in the same folder). Neither unicode nor font class can be displayed in the project, but other browsers display normally. Is it ...
how to ensure that the design draft is restored under different resolution screens (a similar background management project on the PC side) learn the following ways: viewport forces zooming (which may blur the display) @ media (responsive, it se...
how can this trapezoidal typesetting be realized in the figure above? ...
The redrawing cost of table is higher than that of div elements, so modern layouts have abandoned table layouts unless tables are needed. question: so is this redrawing the same cost as using a table layout directly? .father{ display:table; } .fat...
in the project I am working on, the design draft given by ui is based on a fixed 1440px resolution. If it is greater or less than this resolution, such as 1200px or 1800px, it will cause the page layout to be ugly. how do you solve this problem? ...
the usual file upload is to select a file in the system pop-up window, then click the open button to upload the file directly, now we have a requirement that after the operation in the system pop-up window is completed, the upload will not be carr...
for example, if I press F12 using chrome, I can copy the html code in the navigation bar of codeshelper, but how can I find the corresponding css code? ...
console.log(typeof eleInner); string, console.log(eleInner instanceof String);false <!DOCTYPE html> <html> <head> <title>< title> < head> <body> HelloWorld <script type="text javascript"...
what is the principle of picture upload and what needs to be sent to the background? Xiaobai asks for guidance. ...
reinstalled the system once, then reported this error, and could not open ....
CSSHTML ...
...
look at the code first. MDN: :MDN, .box2? MDN: how floating elements are positioned CSS():" , " float none , display block ,div? ...
40px,<a><img>,<a><img> <a>21px? : JSBIN:https: jsbin.com fokuyamijo edit?html,css,output <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin< title> <sty...