Keywords / HTML & CSS

Tags: HTML & CSS

How to display inline elements as block elements and visa-versa

How to display inline elements as block elements and visa-versa
If we are not satisfied with the way a browser treats HTML elements by default we can change it.

Creating an image slider using only CSS3

Creating an image slider using only CSS3
Usually image sliders are created in JavaScript, but with release of CSS3 this can be done in CSS3 without JavaScript. An image slider in the current article is quite simple to demonstrate that elaborate things can be achieved keeping the minimum code.

How to improve CSS code

How to improve CSS code
We are going to talk about compactness (neatness) and correctness of CSS code.

hasLayout in Internet Explorer

hasLayout in Internet Explorer
Probably, you have already heard about the property hasLayout in IE and maybe you even know what it is and how it affects display of elements. No? Then let's have a closer look at this mysterious property.

MP3 player using HTML5

MP3 player using HTML5
If you are only beginning to work with HTML5 and you strive for new knowledge - the following tutorial is what you need. Here, in a simple way we'll try our best to explain how to create your own HTML5 MP3 player.

When to use CSS ids and when CSS classes instead?

When to use CSS ids and when CSS classes instead?
At first glance, the use of classes and ids is almost identical: both can assign CSS properties with needed values to change the appearance of HTML document. But, under what circumstances can we make better use of classes, and under what ids?

Box with rounded corners using CSS3

Box with rounded corners using CSS3
There were always problems with rounded corners when working with boxes.

CSS hacks for Mozilla Firefox, Opera, Safari and Internet Explorer

CSS hacks for Mozilla Firefox, Opera, Safari and Internet Explorer
Most of the prominent browsers (Opera, Mozilla Firefox and Safari) don't have a method of targeting CSS for a particular browser.

CSS selectors

CSS selectors
In CSS, templates of selectors are used to select element(s) which you want to style.

What are vendor prefixes in CSS?

What are vendor prefixes in CSS?
Vendor prefixes are prefixes added to CSS properties that are used by browser vendors for non-standard properties.

Affected tags

Not affected tags

Programming languages+137 Textile+79 Markup languages+58 CSS3+43 Animation+19 HTML5+17 Responsive web design+17 Image+14 Form+14 Table+10 Link+8 Products+8 Text+7 Bootstrap+6 Button+5 Image slider+5 Icon+5 Font+4 Internet Explorer+4 List+4 @keyframes+4 Social media+4 Font Awesome+4 Web+3 Color+3 Alignment+3 Checkbox+3 Background+3 Menu+3 margin+3 3D+3 Drawing+3 Beginner+3 Tools+2 Size+2 Element+2 Drop-down list+2 Radio button+2 Tag+2 Gallery+2 padding+2 border-radius+2 text-shadow+2 Video+2 YouTube+2 Tooltip+2 @font-face+2 float+1 Google+1 vertical-align+1 DOCTYPE+1 HTML document+1 Transitional+1 File structure+1 Formatting+1 Graphics format+1 Insert+1 target+1 Underline+1 Map+1 Email address+1 Email+1 Bulleted list+1 Numbered list+1 Nested list+1 Border+1 Cell+1 Header+1 Text field+1 Hidden field+1 File upload+1 Links+1 Lists+1 Cursors+1 Units+1 Meta tag+1 Character encoding+1 script+1 link+1 Optimization+1 hgroup+1 mark+1 abbr+1 Canvas+1 Design+1 Grid+1 Vendor prefix+1 Selector+1 Hack+1 id+1 class+1 Audio player+1 audio+1 hasLayout+1 Code+1 display+1 inline+1 block+1 Flash+1 Adobe+1 placeholder+1 jQuery+1 PIE+1 RGBA+1 Validation+1 Counter+1 Toggle box+1 Media query+1 Circle+1 Oval+1 Triangle+1 border+1 Filter+1 Effect+1 Star+1 Heart+1 Accordion+1 Gradient+1 box-shadow+1 JavaScript+1 Toggle button+1 Shape+1 Block+1 Diamond+1 calc+1 Clock+1 Lightbox+1 Selection+1 Favicon+1 Bookmarks+1 Framework+1 Component+1 progress+1 Progress bar+1 Typography+1 Adaptive web design+1 Loader+1 Player+1 Vimeo+1 Forms+1 Forms Plus+1 Pricing table+1