Selector Group
You 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.
H1, h2, h3, h4, h5, h6 {Color: green;}
Inheritance and Problems
Based 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:
Body {Font-family: Verdana,
easy to allow user agent detection and hacks to be too frequent later.Declaration OrderThis is the approximate outline of the order in which CSS attributes are written in a selector. This is to ensure better readability and scanning is important.As a best practice, we should follow the following order (which should be in the order of the following table):
Structural Properties:
Display
Position, left, top, right etc.
Overflow, float, clear etc.
Margin, padd
. With the variables, even the most stupid method, writing css is much faster than before.
In sass, the variable identifier is $. Is it the same as jq?
For example
$font-stack: Helvetica, sans-serif;$primary-color: #333;body { font: 100% $font-stack; color: $primary-color;}
After compass preprocessing, the sass css can be parsed normally, and each row has a row number for comparison, at the beginning, I was very worried about how to contact th
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 Grand
When the data source list is DataGridView, the list is re-bound and the data is not updatedUsing BindingList is a good solution to this problem (framework2.0 new)For example, using the list time code
/// /// 性别类型维护/// publicpartialclassSexFrm : Form{IListprivatevoidBindData(){list =newSystemCodeManager().GetModelByType(type);dgvSexType.DataSource = list;}privatevoidbtnAdd_Click(object sender, EventArgs e){SystemCode sys = newSystemCode();sys.CodeNo = "";sys.EnglishName = "";sys.ID =
: #369;}Task
In the Code Editor, try the color shrinking format.
Reference code:
P {
Color: #369;
}
There are three Color Representation Methods in CSS:
1: Use English words to directly describe, such as red, green, and black.
2: represented in hexadecimal notation, for example, #000000, # FFFFFF.
3: represented in hexadecimal notation, for example, #000, # FFF, etc.
1 Abbreviation
The font css style code in a webpage can also be abbreviated. The foll
operating systemThe operating system determines which fonts the developer can use. So, in the first step, we have to understand what fonts the operating system provides.Windows operating systemBlackbody: SimheiSong Body: SimSunNew song body: NsimsunImitation: FangsongItalics: KaitiImitation gb2312:fangsonggb2312Italic gb2312:kaitigb2312Microsoft Black: Microsoft Yahei (started with Windows 7)OS X operating systemHolly Blackbody: Hiragino Sans GB (SNO
fonts.googleapis.com can, do not need to use fonts.useso.com )
@import URL (http://fonts.googleapis.com/css?family=Ubuntu);(family in the style file, such as the font name, the space with the + number instead), such as font-family for wire one Then Http://fonts.useso.com/css?family=Wire+OnePage JS Call method (families, such as font names, spaces with the + number instead)
Style invocation methods for Web font libraries:Style inside Usage: font-family: ' Poiret one ',
list, Setfacl set file Control list (-m Set additional user access authorization mechanism without changing the original attribute U:username:mode file, example: Setfacl-m u:test:rw-test.txt | | Setfacl-m g:test:rw-test.txt Modify group permissions,-X Cancel additional set permissions-X U:username FILE, example: Setfacl-x-u:test test.txt, set permissions on the directory can be executed with-R recursion)7.4.3, loop while and until (while applies to loops where the number of cycles is unknown, o
elements inherit attributes from parent elements. But it does not always work in this way. Take a look at the following rule:
Body {font-family: verdana, sans-serif ;}
According to the above rule, the site's body element uses the verdana font (if the visitor's system has this font ).
Through CSS inheritance, sub-elements inherit the attributes of the highest level elements (in this example, the body) (these sub-elements such as P, TD,
Android provides three fonts: "sans", "serif", and "monospace ". 1. Set the font in the android XML file Android: Typeface can be used, for example, Android: Typeface = "monospace ". In this example, Android: text = "Hello, world! Hello, there are four display modes: "sans", "serif", "monospace", and system default mode (SANS by default ). There are differences
Selector Group
You 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.
h1,h2,h2,h3,h5,h6 {color: green}Inheritance and Problems
Based 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:
body {font-family: Verdana,
functions. Less can run not only on the client (only on modern browsers) but also on the server (with node. js and rhino ).
Reference
Official Website: http://lesscss.org/Less download: https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.min.js
Practice
/* Dimensions-----------------------------------------*/@body-width: 960px;@content-min-width: 1024px;/* Colors-----------------------------------------*/@swatch-alpha-0: #000;@swatch-alpha-9: #999
three hours just now, so here is a simple annotation.
... Found that the "insert code" function is not useful-or I still don't use it-and no help ..... No joy .....
// The body may be the subject content. -- Not Sure.Body {Font-size: 12px;Font-family: verdana, Geneva, Arial, Helvetica, sans-serif;Margin: 0px;Word-break: Break-all;}// -- Uncertain
TD{Font-size: 12px;Font-family: verdana, Geneva, Arial, Helvetica,
system. The search is terminated and displayed in the Lucida Grande font.
A system: the browser starts searching from the first font in the list. The system does not contain the Frankin Gothic Book, and the search fails. Continue to search for the next font-The Lucida Grande Font does not exist in the system. Continue to search for the next font-General font sans-serif. The browser uses its default sans
system. The search is terminated and displayed in the Lucida Grande font.
A system: the browser starts searching from the first font in the list. The system does not contain the Frankin Gothic Book, and the search fails. Continue to search for the next font-The Lucida Grande Font does not exist in the system. Continue to search for the next font-General font sans-serif. The browser uses its default sans
highlight it. Other Default original styles, that is, without changing the menu CSS code, use Js to control the background of a menu. If this menu item is clicked, it will be given a distinctive background color or background image. In this way, you can clearly guide users to browse the Website Section, it is simple, convenient, and effective.
As follows:
Html: (the Code of another html file is skipped, and only the code of index.html is pasted)
Css:
*{ margin:0px; padding:0px; font-family: "
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.