colors » CSS INTENSIVSTATION Farbnamen, Angaben in Hexadecimal, RGB, RGB(A), HSL, HSL(A), all diese Angaben sind heute im täglichen Einsatz anzutreffen. RGB(A) & HSL(A) sind Definitionen der W3C-CSS3 Recommendation (Empfehlung). Alphatransparenz wird ab IE9+ dargestellt. Nicht alle Browsern unterstützten zur Zeit alle Empfehlung. Farbnamenbackground-color: red; Hexadecimalbackground-color: #fff; RGB (red, green, blu) background-color: rgb(255,255,255); RGBA (red, green, blu, alpha) background-color: rgba(255,255,255,0.7); HSL (Hue, Saturation, Lightness) background-color: hsl(100,35%,65%); HSLA (Hue, Saturation, Lightness, Alpha) background-color: hsla(100,35%,65%,0.5);
7 Quick CSS Enhancements for Better User Experience The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more "pop" and make your user's experience more functional and enjoyable. Change Text Highlight Color The default text selection color is usually a boring navy color (at least on Windows PCs). Firefox, Opera, and Safari allow you to change the color to whatever you'd like! Prevent Firefox Scrollbar Jump
MicroTut: How CSS Positioning Works Martin Angelov Undoubtedly, the position property is one of the most useful tools that designers have in their CSS toolbox. However, there are a few concepts about positioning that might baffle beginners. First, what is positioning? When your browser opens a webpage, it starts rendering elements (divs, paragraphs, headings etc.) in the order they appear in the HTML markup of the page. Positioning is a natural way of organizing how the elements are displayed and an easy resolution to situations like overlaps.
Icon Fonts are Awesome Because you can easily change the size Because you can easily change the color Because you can easily shadow their shape Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs. Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever. You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper. Creating a Responsive Menu In this tutorial I'm going to show you how to create one of the responsive menus from our website. You can find the menu here. So, the final result will look like this: The Markup