Document directory
Preface:
10. Courier
9. Andale mono
8. Monaco
7. profont
6. monofur
5. proggy
4. Droid sans mono
3. Deja vu sans mono
2. consolas +
1. inconsolata
Now there are more and more people who like to write and write code. for developers who stare at the screen all day long, programming code may be the most seen thing every day. However, most people always use the default font of
Scala"", "Sans-serif" '> and groovy are both JVM-based languages, which have more concise syntax and rich expression capabilities than Java. Scala and groovy are good choices for developers who want to avoid tedious Java statements without leaving the JVM. But which one can take the lead in the future development process? Which one is the future development direction? These are problems that plague developers.
Earlier last year, an article named "
: rgb(100%,0%,0%); }
Note that when the RGB percentage is used, the percentage symbol must be written even if the value is 0. However, this is not required in other cases.
For example, when the size is 0 pixels, PX units are not required after 0, because 0 is 0, regardless of the unit.
Remember to write quotation marks
Tip: If the value is a number of words, enclose the value with quotation marks:
p {font-family: "sans serif";}
Multiple declarations
notation, such as: #000, #FFF等Third, the font abbreviation
1 DOCTYPE HTML>2 HTML>3 Head>4 Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8">5 title>Font abbreviationstitle>6 styletype= "Text/css">7 Body{8 Font-style:Italic;9 font-variant:Small-caps; Ten Font-weight:Bold; One font-size:12px; A Line-height:1.6em; - font-family:"Song Body", Sans-serif; - } the - style> - Head> - Body> + P>Littering a dark and dreary road
:
Change colors, fonts, and dimensions with CSS:
H1 {Font-family:arial, Sans-serif;font-size:24px;Color: #369;}
All places found
Figure 2-2: The title after applying the style
Next, let's add a 1-point gray border below the text to enhance the sharpness (see Figure 2-3):
H1 {Font-family:arial, Sans-serif;font-size:24px;Color: #369;padding-bottom:4px;border-bottom:1px solid #999;}
Figure 2-3: A styled ti
also use RGB values in two ways:
P {color: rgb (255, 0, 0 );}
P {color: rgb (100%, 0%, 0% );}
Note that when the RGB percentage is used, the percentage symbol must be written even if the value is 0. However, this is not required in other cases.
For example, when the size is 0 pixels, px units are not required after 0, because 0 is 0, regardless of the unit.
(3) Remember to write quotation marks
If the value is a number of words, enclose the value with quotation marks:
P {font-family:
, from, );
Draw an arc counterclockwise.Cairo_arc_negative (Cr, X, Y, radius, from, );----------------Font related:/* Temporarily unavailable, so it is skipped */Create a font and return cairo_font_t *.Cairo_ft_font_create ();Set the font and accept the cairo_t * And cairo_font_t * parameters *.Cairo_set_font ();Select Nimbus sans L. Select a font based on your system's FC-list.Cairo_select_font (Cr, "Nimbus sans
Arial
Arial Unicode Ms **
Bell Mt
Bodoni Mt
Book antiqua
Calibri
Californian FB
Calisto Mt
Cambria
Century
Comic Sans MS
Consolas
Corbel
Courier New
Franklin Gothic book
Franklin Gothic Medium
Gill sans Mt
Goudy Old Style
Lucida bright
Lucida Console
Lucida Fax
Lucida sans
Lucida sans typewriter
above, I will teach you some additional new words.
In addition to the above words, I will teach you some new words.
AirEnglish [E branch] us [branch R]
N. Air, atmosphere; sky; appearance; music
Vt. ventilated and dry; boast
Vi. Ventilation
On the air Broadcast
Leave in the air makes pending
By air by plane
AirportEnglish ['e sans P sans 0000t] us ['{r' P sans R
or Lucida Grande font on it, so it still cannot display the text above correctly. As a result, developers had to constantly Add fonts in the font list to adapt to various systems, resulting in the loss of the original "organization approximate font" function. Therefore, the font set introduces the "generic font family", that is, the serif and sans-serif we often see. I will introduce these two in detail in future articles, as well as some other gener
Displaytag is a very common table label, but its style is a little dull. Recently, the customer is very dissatisfied with its style, so we can't improve it. The customer is God and can only follow it. The original style is as follows:
The modification is as follows:
The real master wants to modify its own display.css style sheet,CodeAs follows:
Original display.css
Table. t1 {Star: expression (this. width = "100%", this. border = "1", this. style. wordbreak = "break-all", this. cellpad
;}We can also use RGB values in two ways:P {Color:rgb (255,0,0);}P {Color:rgb (100%,0%,0%);}Note that when RGB percentages are used, the percent sign is written even if the value is 0 o'clock. But in other cases it is not necessary to do so.For example, when the size is 0 pixels, px units are not required after 0, because 0 is 0, regardless of the unit.(3) Remember to write quotesIf the value is a number of words, enclose the value in quotation marks:P {font-family: "
qualification should be as accurate as possible./**/{}{}/**/{}{}(3) The name avoids using pinyin, should adopt the more concise semantic English word to combine, avoids by the 1, 2, 3 and so on ordinal name(4) Avoid setting the style directly to the label.(5) Disable the use of the * selector in CSS.2.3 Properties(1) If you can use abbreviations, use attribute abbreviations as much as possible.Example: /* good .post { font : 12px/1.5 Arial, Sans
Google fonts causes the WordPress speed problem
WordPress since 3.8+ version joined the Google Fonts (don't ask me what Google Fonts is), and then pinch, because of the recent sensitive period (number 35th), China, Google's a series of sites are thoroughly wall, including Google Fonts where the googleapis.com. So, if you are in the login state to open your WordPress site, it will be very slow, because it can not load this font file. If you are not logged in and your topic is not a foreigner's t
box defaults to an inner shadow, but cannot be cleared using Box-shadow, which can be turned off if no shadow is needed:Input,textarea {border:0;-webkit-appearance:none;}Seven, the processing of the fontFor site font settings1. Mobile Project:Font-family:tahoma,arial,roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;2. Mobile a
;10. Grid layout:box-sizing :border-box; You can change the way the box model is calculated to make it easier for you to set the width for an adaptive streaming layout12, the button is pressed the implementation of the effect needs to add a a:active attribute to a tag and adding an empty functionDocument.body.addEventListener (' Touchend ', function () {});13. Remove the bottom border:-webkit-border-bottom:none;14, the English text wraps (does not divide the word):Word-wrap : Break-word15, the
.
Line words and non-liner words
The alphabet system in Western countries is divided into two large characters: serif (serif font) and sans serif (sans serif fonts). The line Word (the song, Times New Roman) in the image below refers to the extra decorations at the beginning and end of the stroke, and the thickness of the strokes will vary depending on the vertical. Conversely,
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.