is a diagram of our CSS form structure:
I used the Copy and paste the following code into the
body{ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif; Font-size:12 px } P, H1, form, button{border:0; margin:0; padding:0;} . Spacer{clear:both; height:1px;} /* ——— Manila Form ——— –*/. myform{ margin:0 Auto; width:400px; padding:14px; } NBSP /* ——— –stylized —
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations are as follows:
Color
16 color value, if the value of each two digits is the same, you can abbreviate half, for example: #000000可以缩写为 #000; #336699可以缩写为 #369; #f2f2f2是不可以缩写的
Border of the box model
border-width:1px;
Border-style:solid;
Border-color: #000;
can be abbreviated as a sentence:
border:1px solid #000;
Grammar is border:width style color;
Border and p
-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-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
This is a very simple application, but in the design, this can reduce the pressure on the server, is a reduction in the number of requests, is a good way.
In particular, in this small picture, even if the two pictures in fact, the response time is not much slower, but there is a problem, that is, two pictures alternately prone to the background picture from the new load and lead to a period of time does not show the effect. (The length of time varies depending on the response speed of the server
How to use the Bootstrap-wysiwyg text editor, give full play to the editor's advantages, I hope you can have some harvest.
Main Features:Super Small 5kbAutomatic hotkey Support (Mac and Windows)Drag and drop Insert picture, support picture upload (support mobile phone photo)Support for sound input (chrome support)Allow custom toolbars to use all bootstrap content, fontsDo not use any of the coerced styles..............................
In fact, more than this, we need to explore their own, re
(selectors)
When some element types, classes, or IDs have common attributes, you can use the group selector to avoid multiple duplicate definitions. This can save a lot of bytes.
For example, to define the font, color, and margin of all headings, you can write this:
H1,h2,h3,h4,h5,h6 {
font-family: "Lucida Grande", Lucida,arial,helvetica,sans-serif;
Color: #333;
Margin:1em 0;
}
If there are
: 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 one or more of the p
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;font-size:12px;line-height:150%; } The above code role in the last day of the tutorial has detailed instructi
BOOTSTRAP-WYSIWYG
The BOOTSTRAP-WYSIWYG plugin has good editing function and display effect.First, there are many ways to use the Internet, in this record their own use of some of the problems and solutions.
Related dependencies:
Bootstrap-wysiwyg.js (CORE)
jquery.hotkeys.js (shortcut key)
prettify.js
prettify.css
edit.css (page show effect, customizable)
bootstrap.min.css
font-awesome.css (font picture style)
bootstrap.min.js
Jquery2.1.4.min.js
and English mixed row" effect is good, after checking that people are using Lucida Grande font, since then I began to consciously focus on "mixed in Chinese and English" effect of a good personal blog in order to extract the "readability "Better fonts, this thing is going to be a hassle if you want to experiment yourself." But please note that at that time WordPress actually not many people use, not even movable type of users.
In fact, at first I tr
://themasterbruno.deviantart.com/art/eXMac-RC3-58555046
Theme packs are contributed by Themasterbruno, including mouse pointers, fonts, RK Launcher, Styler, VS, wallpapers, and more. I only used the Visual style, Styler Toolbar, and RK Launcher which Leopard style. Use the following method:
1)
Rename the Visual Style in the package to "Exmac" to copy to C:windowsresourcesthemes, then open the Display properties in Control Panel, select Exmac in appearance-windows and buttons, and select Leopa
abbreviated as 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 ca
-style:solid;
Border-color: #000;
can be abbreviated as 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:
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','宋体','新宋体',arial,verdana,sans-serif;COLOR: #666;FONT-SIZE:12px;LINE-HEIGHT:150%; }
The above code role in the last day of the tutorial has detailed instructions, we should look at the understand
The SQLite library contains a command line named Sqlite3, which allows the user to manually enter and execute SQL commands for the SQLite database. The database we create through the program is typically located in the package/databases of the content class where the/data/data/program DB is set, and the Sqlite3 database name can be entered into the SQL command line mode for database operation under this path.If not set, the Command Line window to query the time, the Chinese display as garbled. T
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, Arial, Helvetica, sans-serif;Color: #333;Margin: 1em 0;}If an independ
Jquery implements a drag window (source code) and jqueryigoogle like IGoogle
Google is the perfect way to use ajax special effects. google suggest, google map, and igoogle can be used to drag windows... today, we created a simple demo similar to iGoogle.
This demo is based on a Jquery framework: easywidgets. This framework can be downloaded for free at http://plugins.jquery.com/project/easywidgets.
I will not talk much about it. I will directly paste the source code for everyone to learn!
Html1
Jquery implements the example code of the drag window, which is similar to IGoogle.
Google is the most powerful ajax effect. google suggest, google map, and igoogle can be used to drag windows... today, I want to make a website with similar effects. I made a simple demo similar to iGoogle.
This demo is based on a Jquery framework: easywidgets. This framework can be downloaded for free at http://plugins.jquery.com/project/easywidgets.
I will not talk much about it. I will directly paste the sourc
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.