use.
Before layout, review some table labels:
Table: displays two-dimensional data.
Summary: defines the purpose of a table.
Caption: defines the table title, which is used at the beginning of the table only once.
TR: a row in the table
TH: the header cell, which defines the header information of a row or column.
TD: Data Cell
The overall layout of the design diagram is as follows:
XHTML section:
CSS section:
* {margin:0;padding:0;}table {border-collapse:collapse;}input,selec
Selector GroupYou can group the selector so that the group selector can share the same declaration. Use commas to separate the selectors to be grouped. In the following example, all the title elements are grouped. All title elements are green. The code is as follows:Copy code H1, h2, h3, h4, h5, h6 {Color: green} Inheritance and problemsBased on CSS, child elements inherit attributes from parent elements. But it does not always work in this way. Take a look at the following rule: The code
Http://www.blog.ce.cn/sp1/zhangnan/14493583725.shtml
CSS naming Rules use English letters, numbers, and underscores (usually in lower case.
I. Short
The abbreviation is mainly used to simplify writing and reduce Code to increase the download speed of webpages. Not all CSS can be abbreviated as below.
(1) font
Font-weight: bold;Font-style: italic;Font-varient: Small-caps;Font-size: 1em;Line-Height: 1.5em;Font-family: verdana, sans-serif;Can be abbrevia
The answer is: #box ul.games Li Img{vertical-align:middle, this line is very important. . TOP_BJ{width:100%;Height:36px;Overflow:Hidden;background:URL (.. /images/top_bj.gif);}. Top_content{width:100%;margin:0px Auto;Height:36px;Overflow:Hidden;}. Top_logo{width:170px;float: Left;}. All_icon{float: Left;padding:7px;width:16px;Height:16px;Overflow:Hidden;}. All_black,.all_black a:link,.all_black a:visited{font-size:12px;Line-height:30px;Font-weight:Normal;Color:#595959;text-decoration:None;font-
// Apple Fang-simple conventional body font-family:pingfangsc-regular, sans-serif; // Apple Fang-Jane font-family:pingfangsc-ultralight, sans-serif; // Apple Fang-Jencine font-family:pingfangsc-light, sans-serif; // Apple Fang-Jane slender body Font-family:pingfangsc-thin, sans-serif; // Apple Fang-Simplified Chinese b
JS Control menu background, if the menu item is clicked, will give it a distinctive background color or background image, This can clear the guidance of the user under the Web site to browse the column, simple and convenient and good effect.
The effect chart is as follows:
HTML: (the code for other HTML files is omitted, and only one index.html code is posted)
Css:
*{
margin:0px;
padding:0px;
font-family: "Microsoft Yahei", Helvetica,
Android offers three different fonts: "
Sans”,“
Serifand
monospace”。
1. Set fonts in the Android XML fileYou can use Android:typeface, such as android:typeface= "monospace". In this example we are in the activity of android:text= "Hello, world! Hello "Four different display methods, in order," Sans "," serif "," monospace "and the system default mode (the test by default using
Mobile Web development is already the mainstream of web technology, in fact, compared to the PC side, we do not need to master the additional technology, but many things on the PC does not apply to the mobile phone web, mobile Web side we must know the special point, the following is my excerpt from the Alloyteam team development experience.Font settingsUse sans serif fonts
The code is as follows
Copy Code
Body {font-family
Add the following code to solve the problem of Chinese character garbled Categoryaxisdomainaxis=categoryplot.getdomainaxis (); /*------Set the text on the x-axis coordinates-----------*/ domainaxis.setticklabelfont ("Sans-serif", NBSP;FONT.PLAIN,NBSP;11)); /*------Set the title text for the x-axis------------*/ domainaxis.setlabelfont ("XXFarEastFont-Arial"). NBSP;FONT.PLAIN,NBSP;12)); /*------Set the text on the y-coordinate-----------*/ Numberaxi
background design we should be more careful to consider the choice of fonts. The following illustration shows the display of 14th sans serif fonts and serif fonts in a dark background.
(Serif: For example, the right side of the "S" letter curve at both ends of the small strokes, that is, lining line. The serif font in Chinese is xxfareastfont-Arial, and the sans serif font is bold. Line font In addition t
:
/div> HelvetiList zurich Geneva Winterthur Lausanne Lucerne
Here is the CSS code:
div {width:200px} h2 {font:400 40px/1.5 Helvetica, Verdana, Sans-serif; margin:0; padding:0;} ul {List-style-typ E:none; margin:0; padding:0; Li {font:200 20px/1.5 Helvetica, Verdana, Sans-serif; border-bottom:1px solid #ccc;} li:last-child {border:none;} Li a {text-decoration:none; co
1. The priority description is not rigorous, when there is!important, the page style can override the user-defined style. User!important > Web!important > User > Page > Browser default.
2. Tahoma font from Win95, and starting from Win2000, Tahoma become the default font for Win English system. The built-in Tahoma fonts are also started in Mac OS X v10.5 (Leopard) in 2007. So far, the popularity is still quite good.
3. Google, YAHOO and other sites, the preferred Arial, personally feel that the
layout and maintenance changes, reflecting the efficiency and ease of use.Before layout, review some of the tabs on the table:Table: Displaying two-dimensional dataSummary: Defining the purpose of a tableCaption: Defines the title of the table, used at the beginning of the table, only onceTR: a row in a tableTh: Header cell, defining a row or column of header informationTD: Data CellsHere's a concrete layout for the Tuyi design:
Registration Example Form
CSS section:* {
margin:0;
padding:0;
}
1. Since Firefox defaults to allow Web pages to choose their own fonts, there will be some Web site garbled on Linux. So you can remove the option to allow the page to choose its own font to solve some garbled situation. 2. If there are garbled characters, and other applications garbled, try the following solution.The simple brute force method is to remove the default profile directly.1 sudo mv /etc/fonts/conf.d/-sansserif.conf /etc/fonts/conf.d/-sansserif.conf.bakIn addition, 49-sansserif.con
blocks used for that color. Of course, you can also choose to list colors by page element.
/*------------------------------------------------------------------
[Color codes]
Background: #ffffff (White)
Content: #1e1e1e (Light black)
Header H1: #9caa3b (green)
Header H2: #ee4117 (red)
Footer: #b5cede (Dark Black)
A (Standard): #0040b6 (dark blue)
A (visited): #5999de (light blue)
A (Active): #cc0000 (Pink)
-------------------------------------------------------------------*/
There are similar
developer can use. So, in the first step, we have to understand what fonts the operating system provides.Windows operating system :
Blackbody: Simhei
Song Body: SimSun
New song body: Nsimsun
Imitation: Fangsong
Italics: Kaiti
Imitation gb2312:fangsongGB2312
Italic Gb2312:kaitiGB2312
Microsoft Black: Microsoft Yahei (started with Windows 7)
OS X operating system :
Holly Blackbody: Hiragino
1. selector + Declaration: Attribute + value eg: h1 {color: red; font-size: 14px;} color: p {color: # ff0000;} p {color: # f00;} p {color: rgb (100%, 0, 0);} p {color: rgb (0%, 0%,);} Word time: p {font-family: "sans serif";} 2. selector group h1, h2, h3 {color: green;} 3. inherited body {font-family: Verdana, sans-serif ;} if the browser does not support inheritance: body {font-family: Verdana,
The first is the method of quoting jquery and jQueryUI, in order to relieve the pressure on the server, the author refers to the source of the third party:You can also download the above source to use locally.Also, use global.css locally to plan the layout of the page.Note that since the design manager maintains only one page, all requests are dynamically displayed on the page through Ajax, so the layout of the page needs to be considered in advance for all cases to be displayed.The contents of
An HTML page label conversion effect, posted out. For everyone's referenceLet's start with a picture., the left and right sides of the page can be toggled.The code is very simple, first of all need Jquary JS.Main HTML code:Main JS Code:Main CSS code:Body {background-color: #336699; Overflow-y:scroll; margin-left:5px;margin-top:5px;margin-right:5px;margin-bottom:5px;} #tabbed_box_1 {margin:0 auto; width:100%;height:100%;}. Tabbed_box h4 {color: #ffffff; Font-family:arial,helvetica,
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.