What we want to introduce here is what the web page color settings include; web page color regulations.
1. Commonly used colors include: font color, hyperlink color, web page background color, border color
2. Color specifications and color regulations: Web pages use RGB mode colors
The use of color in web pages is an essential element of web pages. The purpose of using color is to be distinctive, dynamic (especially used in hyperlinks), and beautiful. At the same time, color is also one of the style expression elements of various web pages. Learn about CSS font colors.
Comparison between traditional html color and css color under w3c standard and DIV CSS application color
CSS color color syntax:
color:#000000;
## In the #Css style, add the RGB color value (#FFFFFF, #000000, #F00) directly after the color.
The RGB color value is determined during the actual layout and can be obtained using the Photoshop (referred to as PS) picking tool.
Use color color style inside DIV tag
div
Use in CSS selector Color color style CSS code:
.div{color:#00F}
/* Set the text in the object div to blue*/
DIV+CSS color style complete Case:
Css code:
.div{color:#00F} /* Set the text in the object div to be blue*/
Use color in the above tags Styles and css code use the color color style.
The text color control is the same
If the text color of traditional html and css is the same, just use "color:" + "RGB color value". If the color is black text, set the CSS attribute selector accordingly. Just add "color:#000;" inside.
Differences in web page background color settings
Traditionally set the background color using "bgcolor=color value", while in CSS, "background:" + color value is used. For example: set the background to black, traditional Html setting, that is, add "bgcolor="#000"" in the tag to achieve a black background color. If it is in W3C, it will always be "background:#000" in the corresponding CSS selector. accomplish.
Setting the border color difference
Traditional "bordercolor=value", CSS "border-color:" + color value. For example: In traditional HTML, just add "bordercolor="#000"" directly to the table tag. In current CSS, set "border-color:#000;" to make the border color black. Remember to set the width and Style (dashed, implemented).
16 keywords are taken from the Windows VGA palette: Aqua, Black, Blue, Fuchsia, Gray, Green, Gray, Maroon, Navy, Olive, Purple, Red, Silver , cyan, white, yellow.
RGB color gives one of four methods
1, #rrggbb (eg, #00cc00) (it is strongly recommended to use this to represent the color value)
2, #RGB (eg, #0c0)
3. RGB(十中,x,x) x is an inclusive integer between 0 and 255 (eg, RGB(0,204,0))
4, RGB(Y%,Y%,Y%), where y is an inclusive quantity between 0.0 and 100.0 (such as RGB(0%, 80%, 0%))
Use css style to set the color style of the object content. We can use named CSS class objects to set its color style, and also set the color style directly within the html tag. Above, we also introduced and practiced these two methods of setting color for text content in detail.
# I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!
Related reading:
How to use the transform gradient attribute in Css3
Steps to optimize HTML5 forms with CSS3
CSS3 detailed introduction to the translate attribute
The above is the detailed content of How to set text font color in CSS. For more information, please follow other related articles on the PHP Chinese website!
