IMG and input have no content, so pseudo-elements like before do not render any arrows for our search box. My solution is to use the button type= "submit" element instead of the normal input type= "submit". In this way, we can use the ENTER key to submit the form.CSS ExamplesNext, you will see the necessary styles in the demo:Clear floating
. Cf:before,. cf:after{
Content: "";
display:table;
}
. cf:after{
Clear:both;
}
. cf{
Zoom:1;
}
Form eleme
Matplotlib is a well-known Python drawing library that does not support Chinese display by default and therefore cannot display Chinese correctly without modification. This article describes how to solve this problem.The main online method is to modify the matplotlibrc file , as follows (but no effect):1 , find#font. Family:sans-serifRemove comments2 , find#font. Sans-serif:bitstream Vera Sans, lucida Grande, Verdana, Geneva, Lucid, Arial, helvetica,a
sentence: border: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 o
I divided the Forum homepage into header area, information area, content area, footer area. First with a large div to include these, mainly considering the overall adjustment of the page, for example, to adjust to a widescreen or narrow screen, as long as the setting of this large div can be.
First put the code out, for friends debugging use.
Css:
Copy CodeThe code is as follows:
/* CSS Document */
body{
Background-color: #F5F5F5;
margin:0;
padding:0;
font-family: "
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, the value of the property
-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 least define the font-size and font-family values.List (lists)
To cancel the default dot and serial number, you can write list-style: none
;
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;
The syntax is background: color image repeat attachment position;
You can omit
properties of the border are as follows:border-width:1px;Border-style:solid;Border-color: #000;can be abbreviated as a sentence: border: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;T
/*-----------------------------------------------------------------------------Prototype Style Sheet (empty commented stylesheet)version:1.0Author:andy BuddEmail: [Email protected]website:http://www.andybudd.com/-----------------------------------------------------------------------------*//* =general-----------------------------------------------------------------------------*//* Remove padding and margin */* {margin:0;padding:0;}/* Put it back on certain elements */H1, H2, H3, H4, H5, H6, p, P
types, classes, or IDs have some 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 s
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
-related stuff, you're going to need to make the necessary adjustments when you want to control the flow of reflux over a potential speed advantage.loading fonts using non-blocking CSSThe performance of the first drawing of fonts is a problem, they are blocking resources, and the text that is applied to them is not visible when the font is downloaded. Using the non-blocking links in the example above, it is possible to download a style sheet that contains font data behind the scenes without bloc
-related stuff, you're going to need to make the necessary adjustments when you want to control the flow of reflux over a potential speed advantage.Loading fonts using non-blocking CSSThe performance of the first drawing of fonts is a problem, they are blocking resources, and the text that is applied to them is not visible when the font is downloaded. Using the non-blocking links in the example above, it is possible to download a style sheet that contains font data behind the scenes without bloc
:
Style:cssobject
Where property Cssobject is a CSS object, consisting of CSS properties and values. The default values are as follows:
{"fontFamily": "\" Lucida grande\ ", \" Lucida Sans unicode\ ", Verdana, Arial, Helvetica, Sans-serif",
"FontSize": "12px"}
2. external style properties classnameTo facilitate user management of CSS scripts, the Chart Component provides an ex
item style, you can specify the style you use directly in the JavaScript script. Its grammatical form is as follows:
Style:cssobject
Where property Cssobject is a CSS object, consisting of CSS properties and values. The default values are as follows:
{"fontFamily": "\" Lucida grande\ ", \" Lucida Sans unicode\ ", Verdana, Arial, Helvetica, Sans-serif",
"FontSize": "12px"}
2.
#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 values. If this attribute value is omitted, the
number of bytes, we recommend that you do not quote the path of the background image because the quotation marks are not required. For example:
Program code background: url (images/***. gif) #333; can be written:
Program code 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.
following is an example of the output in the browser after the framework has been processed:As you can see, page some CSS classes have been added to the element. ui-pageand ui-page-active classes are assigned based on data-role values page , and ui-body-f classes are data-theme assigned based on values F . You can use any of these classes to set the page style of an element or its contents. Listing 2 shows an ui-body-f page example of using a class to add a custom style to an element.Listing 2.
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.