Author: jorux/bluecssr posted on: September 11,200 6 filed under: web design comments: 18 responses keywords: CSS, tutorial fontsize: + increase-decreaseeditThe previous section mainly introduced CSS's control over color and text attributes. This section describes CSS's control over attributes such as font and background.
Font: The font attributes controlled by CSS include font-family, font-style, font-variant, font-weight, font-size.
1. font-family: consists of family-names and generic families
Serif means that there are additional decorations at the beginning and end of the word, and that the strokes are different depending on the vertical. On the contrary, sans serif does not have these extra decorations, and the pen is roughly the same.
The Times, The Times, New Roman, and so on are all serif, while Arial and Helvetica are the characters of sans Serif.
General comparisons of Serif and
, H6, HR, P, blockquote,/
* Structural elements structural elements */
DL, DT, DD, UL, OL, Li,/* list elements elements/
Pre,/* text formatting elements format element/
form, fieldset, Legend, button, input , textarea,/* form elements TABLE element/
th, TD,/* Table elements form elements/
img/* img Elements image elements */{
Um none;
margin:0;
padding:0;
}
/** Set Default font **/
Body,button, input, select, textarea {
font:12px/1.5 ' Arial ', Tahoma, Srial, Helvetica,
the Frankin Gothic Book font.
Mac: the browser starts searching from the first font in the list-the Frankin Gothic Book does not exist in the system, and the search fails. Continue to search for the next font, Lucida Grande. The Lucida Grande font exists in the system. The search is terminated and displayed in the Lucida Grande font.
In this way, Mac can display the text in a Lucida Grande font similar to Frankin Gothic Book. However, there may be a computer with no Frankin Goth
wordpress background loading Google Fonts installation enabled Disable Google Fonts or Remove Open Sans font Link from WP core its can be in one. There's nothing to say. Method Two: "Code" directly in the functions.php file Add code network has a lot of code, the following can be referenced below, the specific effect is not confirmed:
add_filter (' Gettext_with_context ', ' Disable_open_sans ', 888, 4);
function Disable_open_sans ($tr
Https://github.com/kenwheeler/brogrammer-theme, fashionFor a selection of programming fonts, refer to: The most appropriate font for writing code
Source Code Pro
Free programming fonts from Https://github.com/adobe/source-code-proAdobe, Siyuan blackbody
Dejavu Sans Mono
Http://dejavu-fonts.org/wiki/Main_Page claims to be the first programming font bitstream Vera Sans Mono's
This article collects 20 very beautiful free fonts, especially for web designers, graphic designers and computer art personnel. If you are looking for beautiful fonts, this list is exactly for you.
1. fertigo professional free font
2. Lost in Space
3. Font cube
4. Just old fashion
5. quadranta
6. Museo Slab
7. obitron
8. cyclo
9. Square type B
10. oblik
11. Sweet confusion
12. Gabriel
13. Melbourne
14. Piron
15.
Color matching is the eternal topic in design. Many designers believe that the three color composition of the color is the most balanced is also the most beautiful, many color appear too flower, less color and too simple, which is why many color schemes constitute more than 3 kinds of color. What would be the effect of applying this color aesthetics to the smallest UI element? This is the case we are going to explore today: three-color icon design.
Three colors can make the Web page has the lux
abbreviations can improve the speed at which you write your code, streamlining the amount of code you have (mostly or thinly sized). In CSS there are many attributes that can be abbreviated, including margin,padding,border,font,background and color values, if you learn the code abbreviation, the original code:
Li {font-family:Arial, Helvetica, Sans-serif; font-size: 1.2em; line-height: 1.4em; padding-top:5px; padding-bottom:10px; padding-lef
Internet, with no distance restrictions.
Second, FC sans and IP sans
When iSCSI technology emerged, storage networks built over IP technology came into being, and there were two different implementations of San technology, FC Sans and IP sans. Simply put, fibre-built storage networks are FC
Problem Description: The Web introduced BOOTSTRAP.CSS in the header has access to the Google Server request @import URL ("//fonts.googleapis.com/css?family=open+sans:400italic, 700italic,400,700 ");
Domestic visit is not stable, page response is slow
Workaround: Save the request result, place it locally, and re-declare the request1. Request http://fonts.googleapis.com/css?family=Open+
have learned the abbreviation of code, the original code is as follows:
1 P{2 Font-family:Arial, Helvetica, sans-serif;3 Font-size:1.2em;4 Line-height:1.4em;5 Padding-top:5px;6 Padding-bottom:10px;7 Padding-left:5px;8}
It can be abbreviated:
1 P{2 Font:1.2em/1.4em Arial, Helvetica, sans-serif;3 Padding:5px 0 10px 5px;4}
For specific CSS abbreviation rules, click the following address:
Http://www.cn
java.sql.types
java
NBSP;IBM DB2
oracle
sybase
sql-server
bigint
JAVA.LANG.LONGNBSP;
BIGINTNBSP;
number (0)
bigint
BIGINTNBSP;
binary
byte[]
char for BIT DATA
raw
Span style= "font-family:"comic sans ms", Sans-serif; font-size:15px ">binary
imag
Font-family, this is a very easy to ignore the link, but directly affect the experience of the site.This article does not discuss the technical details, only says the design criterion.1. Use English nameTry not to use the following declaration method:font-family: "Chinese fine Black", "Microsoft Jas Black";There may be a support problem with the Chinese name directly, and switching between editors can be garbled. Chinese font is also in English name, Chinese fine black called Stxihei, Microsoft
This chapter will make the text in your Web page more beautiful.
Some properties about the text
font-family: Text font
Font-size: Text Size
Color: Text Colors
Font-weight: Text thickness
Text-decoration: More Styles of text
font-family (font family)
A total of five series: Sans-serif (sans serif), serif (lined), monospace (equal width), cursive (cursive ...) This is the intention), Fan
Add font and color styles ------- CSS and font styles ------- cssControls the font, style, and color of text by using CSS.
1. Basic operations:
1 body{ 2 font-family: Verdana, Geneva, Tahoma, sans-serif 3 } 4 5 body{ 6 font-size: 14px 7 } 8 9 body{10 color: silver11 }12 13 body{14 font-weight: bold15 }16 17 body{18 text-decoration: underline19 }Note:
Font-family: fonts used in custom pages
Font-size: control the font size
require the user has a certain aesthetic basis, this shortcoming in the application system is generally negligible.
Appendix I: CSS style files
A:link,a:active,a:visited{text-decoration:none; Color: #000000}
A:hover{text-decoration:underline; Color: #4455aa}.
SelectedItem
{
Background-color: #8AC8DF;
}
Body
{
Font-family:verdana,sans-serif; font-size:9pt; Background-color: #F6f6f6;
Scrollbar-face-color: #DEE3E7;
Scrollbar-highlight-color: #FFFFFF;
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.