one sentence: border:1px solid #000;
Grammar is border:width style color;
Background (backgrounds)
The properties 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;
can be abbreviated to one sentence: background: #f00 URL (background.gif) no-repeat fixed 0 0;
The grammar is background:color image repeat attachment position;
You can omit on
body style First define the body style of the entire page, the code is as follows:body {margin:0px;padding:0px;Background:url (.. /images/bg_logo.gif) #fefefe no-repeat right bottom;font-family: ' Lucida Grande ', ' lucida Sans Unicode ', ' XXFarEastFont-Arial ', ' Neo-Arial ', Arial,verdana,sans-serif;Color: #666;fon
: true, false, for example;Null: for example, null;Value List: separated by space or comma, for example, 1.em 1em 0.2em Helvetica, Arial, sans-serif.
SassScrip also supports other css property values, such as Unicode ranges or! Important Declaration. HoweverSass does not treat these attribute values specially and is considered as a string without quotation marks.StringSassS supports two types of CSS strings:Quoted strings, such as "
First, download the relevant Chinese font Simhei file:Second, find the Matplotlib data storage location by the following code:Import matplotlib Print (Matplotlib.matplotlib_fname ())My directory is: /VOLUMES/05/ANCONDA/ANACONDA3/LIB/PYTHON3.6/SITE-PACKAGES/MATPLOTLIB/MPL-DATA/MATPLOTLIBRCThird, open the above directory, and copy the downloaded font file simhei.ttf to the fonts/ttf/ Directory of the above directoryFour, in the above directory with sublime open MATPLOTLIBRC, find #font.
attributes are as follows:
Font-style: italic;
Font-variant: small-caps;
Font-weight: bold;
Font-size: 1em;
Line-height: 140%;
Font-family: "Lucida Grande", sans-serif;
It can be abbreviated as: font: italic small-caps bold 1em/140% "Lucida Grande", sans-serif;
Note: If you are short for font definition, you must at l
-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;
The syntax is background: color image repeat attachment position;
You can omit one or
:"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
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
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
;
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
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
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
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; Heigh
: 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
#000;
The grammar is border:width style color;
Background (backgrounds)
The properties 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;
can be abbreviated as a sentence: 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 of the property values, and
:1px solid #000;
The grammar is border:width style color;
Background (backgrounds)
The properties 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;
can be abbreviated as a sentence: 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 of the property values, and if omitted,
. Define body style
Define the body style of the entire page first, with the following code:
body {margin:0px;padding:0px;Background:url (.. /images/bg_logo.gif) #FEFEFE no-repeat right bottom;font-family: ' Lucida Grande ', ' Lucida Sans Unicode ', ' Arial ', ' New song Body ', Arial,verdana,sans-serif;COLOR: #666;fon
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.