attributes
1. Font
Css font attributes define the font family, size, bold, style (such as italic), and deformation (such as small uppercase letters) of the text)
Common attributes:
Font: Short attribute, which is used to set all font attributes in a declaration.
Format: {font: font family of styles with different width and size/line spacing font}
Example: {font: italic bold 12px/20px arial, sans-serif}
Font-family: defines the font family
• Name of a specific font, for example, font-family:.
•
starts with a specified value.
[Attribute$ =Value]Matches each element whose attribute values end with a specified value.
[Attribute* =Value]The matching property value contains each element of the specified value.Selector priority
The CSS style selector has four levels: a, B, c, and d. The priority of the CSS selector can be determined based on these four levels.
Calculate the values of a, B, c, and d for priority ranking.Font family
Serif font
Sans-serif font
Monospace font
sequential reading)(2) FontThere are two types of font-family valuesSpecifies the font's large class, not the specific fontFont-family:serif Sans-serif monospace Cursive FantasySpecifies a font,Font-family:heiIn addition, if multiple fonts are specified in the font-family,The browser will be left-to-right, in turn, to determine which fonts it supports.Do not support then continue to judge the next. Until they are not supported, the browser default fo
CSS font settings
Font familySyntax: font-family: [[Allowed value: Sans-serif (e.g., Arial or Helvetica)Cursive (e.g., zafc-Chancery)Fantasy (e.g., Western)Monospace (e.g., courier)Initial Value: determined by the browserApplicable to: all objectsBackward compatibility: Yes
Font DeformationSyntax: font-variant: Allowed value: normal (normal) | small-caps (small capital letter)Initial Value: normalApplicable to: all objectsBackward compatibility: Yes
F
The methods of making calligraphy copybook are as follows:
Step one: Start Word2013, click New, choose Calligraphy Copybook, double-click it.
Step two: Pop-up a set interface, we can freely choose to practice the type of calligraphy, regular script, official script, Weibei, cursive, etc., any choice.
Step Three: Add the following characters in, select the good characters, click the Add button, to the right.
Step
" rel= "stylesheet" type= " Text/css "/>Four, CSS Selector1. Basic Selectorelement Selector{color: "Red";}ID Selector{background-color: red;}class Selector{ font-size: 14px;} { color: red;}Attention:Style class name do not start with a number (some browsers do not recognize).The class attribute in the label is separated by a space if there is more than one.Universal Selector{ color: White;}2. Combination Selectordescendant Selector/* the A label inside Li sets the font color */ { color:
, contrast, color levels, as well as Picture style
3: The bottom of the map should be melted into the bottom, using light, low contrast, as little as possible to use color.
4: Icons, images should be clearly expressed meaning, follow the common standards, or the user machine easily associated with the object, absolutely not allowed to draw the default wonderful patterns.
5: The mouse cursor style unified, try to use system standards, to eliminate duplication of the situation, such as so
inside Div */ { color: green;}2. Son Selector/* Select all the parents are */ { font-family:Arial Black, arial-black, cursive;}3. Adjacent Selector/* Select all */ { margin: 10px; Color: deeppink; font-weight: bold;}4. Brother Selector/* Select all the sibling div tags behind the div, set the boundary line/border, solid refers to the border as solid, followed by the color of the border */ { border: 5px solid royalblue;}3. At
, mainly used in CSS style Text-shadow shadow effect to achieve.Text-shadow property, introduced in the CSS2, CSS3 and redefined it, increased the fuzzy radius, which gives us the convenience of flame effect.The Text-shadow syntax is as follows:
Text-shadow: Offset on ;
Through its syntax, we know that if we don't need blur effects and colors, we can write text-shadow:1px 1px, which means that the shadow is offset by a distance of 1 pixels along the positive direct
, font style, font size, font effect, and so on. Common properties are:
①font-family: Font, cursive, fantasy, comic Sans Ms.
②font-size: Font physical size or relative size, physical size includes: Xx-small, X-small, small, medium, large, X-large, Xx-large, respectively corresponding to the 1~7 font.
③font-style: Italic, Normal, italic, oblique (=italic).
④font-weight: Text weight, normal, bold, bolder, lighter.
⑤font-variant: Small caps, normal,
accustomed to the Chinese reading method left to right, they have been misunderstood as "pandas", and "pandas" and "pandas" together become the names of such animals. The related story also is "Chinese steel" into "Iron steel country" and so on.
And the traditional calligraphy on the text of a considerable emphasis on the relationship between words and words, in the professional terms called "line Qi", especially the writing and cursive script. The
Text production is roughly divided into three parts: the first is the production of early writing, with text and graphics and so on to make a character of the text, and then use the layer style and so on to the surface text plus texture, the final production of three-dimensional surface can be.
Final effect
1, a new 1000 * 800 pixel, resolution of 72 of the canvas. Select the Gradient tool, the color settings are shown in Figure 1, and then pull the radial gradient
The relationship between Unicode and Utf-8 is similar to the relationship between Chinese and cursive script and regular script.
Unicode provides a coded style. With two bytes and represents one character. However, at the time of storage, there is not a single character that occupies two bytes of size length. Because doing so will greatly waste the middle size of the disk. For example, the first 8 digits are 0. It would be a waste if you save 8 or 0.
The so-called safe font, is in all browsers can be displayed in the normal font, that is, all operating systems installed by default fonts.
There are 21 kinds of secure fonts: Font-family:arial, Helvetica, Sans-serif;font-family: ' Arial black ', Gadget, Sans-serif;font-family: ' Bookman old Style ', serif;Font-family: ' Comic Sans MS ', cursive;Font-family:courier, monospace;font-family: ' Courier New ', Courier, monospace;Font-family:garamond, serif
", select "Twirl" in the Open submenu, set "Angle" to 50 in the Open dialog box, and click OK to complete the production. Here the angle of rotation will also directly affect the text of the final "dance" effect, according to the specific situation, the effect of setting, the final effect as shown in Figure 5.Figure 6Through the above production, we think that the use of Photoshop to make dance text need to pay attention to some details: should first choose the appropriate font, such as XXFarEas
click the bookmark to trigger it on any page you like. Note: It does not work on a page in which the service is on the HTTPS protocol.
Revenge. Css
Drag to your bookmarks bar.
Rule 1
If it's a hyperlink, it should have ahrefproperty.
A:not ([href]): After {
content: ' Does you mean ' is a ' to ' is a button, because it does not link to anything !';
Display:block!important;
Background:
context in the social development process of natural inheritance (not forced, unconsciously inherit part of the characteristics of culture). For us, this is already worth satisfying. Line phone's design inspiration comes from a calligrapher friend Hu Zi GUI's work, each time sees his cursive work to contain the exciting tradition and the modern mixed characteristic, all made me realize these beautiful cultures are getting farther from us.
So our d
(Figure 1), click "Review". In the preview page (Figure 2), enter your test text to see the effect. Also on the "Review" page, you can adjust other font-related styles, such as font size, spacing, transformations, and so on. In Figure 2, we chose to test the "condiment" font figure 2.Google Fonts preview page to add a font link to your Web page.
If you are sure that the font is used, in the "Collection" below the page, click the Use button, and in the next page you will see a detailed descripti
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.