MixItUp - A CSS3 and JQuery Filter & Sort Plugin. Tutorials-Web Development. HTML Colors / HTML & CSS / Textile / Programming languages / Articles / Home - BASICuse - the home of the best guides and tutorials for every day. There are three ways to set colors on a Web page: the first uses color designations in hexadecimals, the second - in decimal, and the third - uses names of certain colors.
The most used is the method based on hexadecimals, because it's the most universal. The decimal system, although it's the easiest to understand, is used only with CSS. Hexadecimal colors To set colors in HTML the hexadecimal code is used. The hexadecimal system in contrast to decimal, is based, as its name implies, on the number 16. Tab. 1. Numbers greater than 15 in hexadecimal are formed by joining two numbers into one. Tab. 2. To avoid confusion in defining the system in use, before hexadecimal numbers you'll see the pound sign #, as follows # 666999. An example of a typical color used in HTML, as follows. The background color is set to # FA8E47. Each of the three colors - red, green and blue - can range from 00 to FF, as a result this forms 256 shades for each of the basic colors. Web colors Color names. How to improve CSS code / HTML & CSS / Textile / Programming languages / Articles / Home - BASICuse - the home of the best guides and tutorials for every day.
Rating: 5/5 (4 votes cast) Thank you for rating!
You have already rated this page, you can only rate it once! Your rating has been changed, thanks for rating! Log in or create a user account to rate this page. Jul 3th 2013 04:04 am 3445 Often found in many CSS source codes is the following content: This is a more compact way to write the same thing: I think you've already guessed what the topic of this article is. Margins and paddings Here is one way to write this code: And this is a more "correct" way: Here we can see that the compact form of entry is given in a defined sequence: first value - top margin, second - right, third - bottom and the fourth - left.
In case if left and right margins have the same values: The short way to write it will look like this: If margins have the same values from all sides then they can be replaced by similar entry: More simple: Border Change this: Into this: If we style the right border, providing the following parameters: And now shorter way to write this entry: Font. CSS Galleries / CSSMania. CSS Zen Garden: The Beauty in CSS Design. So What is This About?
There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file. CSS allows complete and total control over the style of a hypertext document. Participation Strong visual design has always been our focus. You may modify the style sheet in any way you wish, but not the HTML. Download the sample HTML and CSS to work on a copy locally. Benefits Why participate? Requirements Where possible, we would like to see mostly CSS 1 & 2 usage. Luckily, designing this way shows how well various browsers have implemented CSS by now. We ask that you submit original artwork. This is a learning exercise as well as a demonstration. By Dave Shea.