:"Lucida Grande",sans-serif;
It can be abbreviated:
font:italic small-caps bold 1em/140%"Lucida Grande",sans-serif;
Note: If you are short for font definition, you must at least define the font-size and font-family values.5. List (lists)
To cancel the default dot and serial number, you can write list-style: none ;,The list attributes are as follows:
list-style-type:square;list-style-position:inside;list-s
Supports automatic installation of fonts such as, monaco-linux, and lucida-console on Ubuntu8.10 and Ubuntu9.04 systems. In addition, you can set the rendering Effects of Two Different monitors, LED and CRT, without manual configuration, to achieve automatic installation. Use the following method: Open the Console, run the following script (can be achieved by paste copy): wget-Oget-fonts.sh.ziphttp: // www. linuxid
Supports automatic installation of f
properties in common, you can use group selectors to avoid repeating definitions multiple times. This can save a lot of bytes.For example: Define the font, color, and margin for all headings, as you can write:H1,h2,h3,h4,h5,h6 {font-family: "Lucida Grande", Lucida,arial,helvetica,sans-serif;Color: #333;Margin:1em 0;}If you have an individual element that needs to define a separate style when you use it, yo
Today, I visited the blue ideal and saw the Realazy tutorial CSSSprites. So I made a little thing myself. The effect is here.
This is a very simple application, but in the design, this can reduce the pressure on the server, is a good way to reduce the number of requests.
It is particularly worth noting that even two images in this small image can be slow in response time, but there is a problem, that is, when two images are alternating, the background image may be re-loaded, resulting in a perio
attributes, you can use the group selector to avoid repeated definitions multiple times. This can save a lot of bytes.
For example, to define the font, color, and margin of all titles, you can write as follows:
H1, h2, h3, h4, h5, h6 {
Font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
Color: #333;
Margin: 1em 0;
}
If an independent style needs to be defined for some elements during use, y
definitions multiple times. This can save a lot of bytes.For example, to define the font, color, and margin of any title, you can write as follows:H1, H2, H3, H4, H5, H6 {Font-family: lucida Grande, lucida, Arial, Helvetica, sans-serif;Color: #333;Margin: 1em 0;}If some elements need to define a separate style during use, you can add a new definition to overwrite the old one, for example:H1 {font-size: 2em
clockwise, top right bottom left. An example of the specific application in margin and padding is as follows:Margin: 1em 0 2em 0.5em;
Border (Border)The border attributes are as follows:
Border-width: 1px;Border-style: solid;Border-color: #000;It can be abbreviated as border: 1px solid #000;
Syntax: Border: width style color;
Background (backgrounds)The attributes of the background are as follows:
Background-color: # f00;Background-image: url(background.gif );Background-repeat: No-Repeat;Backgr
Brief introductionThere are two special properties in the object defined by ECMAScript, which are given when you define an object's properties, and we can rewrite the two special properties to rationalize the access to their properties when necessary, and the two special properties address and function as follows:
Data properties: By setting the properties of the data, we can allow the user to manipulate normal data (Obj.name) to restrict the permissions they can manipulate, make their data
, the code page is turned into a UTF-8. However, UTF-8 characters still cannot be correctly displayed in the window.3. modify window properties and fontRight-click the title bar of the command line, select "property"-> "font", change the font to "Lucida Console" of True Type, and click "OK" to apply the property to the current window.Then you can use the type command to display the content of the UTF-8 text file:Type filename.txt4. the above operation
;
Border-color: #000;
It can be abbreviated as border: 1px solid #000;
Syntax:Border: width style color;Background (Backgrounds)
The attributes of the background are as follows:
Background-color: # f00;
Background-image: url(background.gif );
Background-repeat: no-repeat;
Background-attachment: fixed;
Background-position: 0 0;
It can be abbreviated as: background: # f00 url(background.gif) no-repeat fixed 0 0;
Syntax:Background: color image repeat attachment position;
You can omit one o
) #333;
If you add quotation marks, some browser errors may occur.
11. Group selectors)
When some element types, classes, and IDs all have common attributes, you can use the group selector to avoid repeated definitions multiple times. This can save a lot of bytes.
For example, to define the font, color, and margin of all titles, you can write as follows:
H1, H2, H3, H4, H5, H6 {
Font-family: lucida Grande, lucida
are not required. For example:
Background: URL (images/***. GIF) #333;
Can be written
Background: URL (images/***. GIF) #333;
If you add quotation marks, some browser errors may occur.
11. Group selectors)
When some element types, classes, and IDs all have common attributes, you can use the group selector to avoid repeated definitions multiple times. This can save a lot of bytes.
For example, to define the font, color, and margin of all titles, you can write as follows:
Regular Expression class
[1] apply a regular expression -- replace the specified content with the end of the row
[2] Regular Expression Application -- digit replacement ---------------------------- microshaoft @ CCF, jiuk2k @ CCF
[3] Regular Expression Application -- delete the specified character at the end of each row
[4] Regular Expression Application -- replace multiple rows with parentheses ------------ lucida @ DRL
[5] Regular Expression Applica
as border: 1px solid #000;
Syntax:Border: width style color; Background (backgrounds)
The attributes of the background are as follows:
Background-color: # f00;
Background-image: url(background.gif );
Background-repeat: No-Repeat;
Background-Attachment: fixed;
Background-position: 0 0;
It can be abbreviated as: Background: # f00 url(background.gif) No-repeat fixed 0 0;
Syntax:Background: Color Image repeat attachment position;
You can omit one or more attribute v
I divided the Forum homepage into the header area, information area, content area, and footer area. First, use a large Div to include these items, mainly considering the convenience of the overall page adjustment. For example, to adjust them to a wide screen or a narrow screen, you just need to set this large Div.
First
Code Paste it for debugging and use by friends.
CSS:
Copy code The Code is as follows:/* CSS document */
Body {
Background-color: # f5f5f5;
Margin: 0;
Padding: 0;
Font-family:
can be abbreviated as border: 1px solid #000;
Syntax:Border: width style color; Background (backgrounds)
The attributes of the background are as follows:
Background-color: # f00;
Background-image: url(background.gif );
Background-repeat: No-Repeat;
Background-Attachment: fixed;
Background-position: 0 0;
It can be abbreviated as: Background: # f00 url(background.gif) No-repeat fixed 0 0;
Syntax:Background: Color Image repeat attachment position;
You can omit one
/***. GIF) #333; If you add quotation marks, some browser errors may occur. 11. Group selectors)When some element types, classes, and IDs all have common attributes, you can use the group selector to avoid repeated definitions multiple times. This can save a lot of bytes. For example, to define the font, color, and margin of all titles, you can write as follows: H1, H2, H3, H4, H5, H6 {Font-family: lucida Grande,
follows:Background-color: # f00;Background-image: url(background.gif );Background-repeat: No-Repeat;Background-Attachment: fixed;Background-position: 0 0;It can be abbreviated as: Background: # f00 url(background.gif) No-repeat fixed 0 0;The syntax is Background: Color Image repeat attachment position; You can omit one or more attribute values. If this attribute value is omitted, the default value of the browser is used. The default value is:
Color: transparent
Image: None
Repeat: Repeat
Attach
following figure shows the CSS form structure:
I use the Step 2: CSS code
Copy and paste the following code to the
Body {Font-family: "lucida grande", "lucida sans Unicode", verdana, Arial, Helvetica, sans-serif;Font-size: 12px;}
P, H1, form, button {border: 0; margin: 0; padding: 0 ;}. Spacer {clear: Both; Height: 1px ;}/* ---- My form ----*/. Myform {Margin: 0 auto;Width: 400px;Padding: 14px;}
/* -
: background: # f00 url(background.gif) no-repeat fixed 0 0;
The syntax is background: color image repeat attachment position;
You can omit one or more attribute values. If this attribute value is omitted, the default value of the browser is used. The default value is:
The following is a reference clip:Color: transparentImage: noneRepeat: repeatAttachment: scrollPosition: 0% 0%
Fonts)
The font attributes are as follows:
The following is a reference clip:Font-style: italic;Font-variant: small-cap
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.