css overflow and overflow-wrap
CSS overflow and overflow-wrap seem easy to understand, but I find no document gives you clear explanation. I mean you can understand their definition by reading those document, but only […]
How to make div as button in html?
You are taught by HTML books to make a button using the <button> tag. But you’ll soon be disappointed in real world because you can hardly find a button created […]
How to make text center align in div?
You may think it is easy to center text in div: tml> <head> </head> <body> <div style=”background-color:red;width:100px;height:100px;text-align:center;”> subscribe </div> </body> </html> In the above example, you want to use the […]
Show div in one line
How to show div in one line with CSS? You know div is a block element which is shown on a separated line by default. Only inline elements such as […]
When is javascript executed?
I do not know why I never considered when javascript code is executed on a webpage, but it is indeed an important issue. Consider the following example: <html> <head> <script> […]
Glyphicon, font-family, @font-face, unicode, etc.
I often see cool icons on webpages such as the stars for rating. At first, I think those are images, i.e., <img> elements. But actually they are not. They are […]
html ::before ::after pseudo-elements
Sometimes, when I inspect an element on a webpage by right-clicking the element and choosing the “Inspect Element” menu item, I can find an interesting element “::before” or “::after” inside […]
The choosing logic in img srcset
I miss the old days when <img> has only a few simple attributes and you only need to know that src is used to store the url of the image. […]
How to center a button using CSS?
Button is an inline element. It can not be centered using the “margin:auto;” that is for block element. Even if you set “display:inline-block” for it, the “margin:auto;” still has no […]
The default height and width of empty div in CSS
The height and width CSS properties are not inheritable. If not specified, their default value is “auto” which means “browser will calculate it“. But how does the browser calculate the […]