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 […]
html
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 […]
the difference between px and em for font-size
The articles I’ve read that talk about px and em all say px is an absolute unit while em is a relative unit. “Absolute” seems easy to understand. That is […]
redirect methods
You must have seen url redirect. You click an html redirect link. The link does not take you to the page it points to, but redirects the url to another […]
create a pure css pop up window
How to create a pop up box on your web page? You may think of using javascript. However, the trend is to create such popup windows without using javascript as […]