1. Develop HTML fast coding using VS or other editors. Using Emmet, this easy-to-use syntax is undoubtedly the quickestFirst look at this code to remember this basically Emmet will be used, remember to put the cursor at the end of the expression press the TAB key1 2 Html:53 1. E represents the HTML tag. 4 2. E#id represents the id attribute. 5 3. E.class represents the Class attribute. 6 4. E[attr=foo] represents a specific attribute. 7 5. E{foo} means that the tag contains foo. 8 6. E>n means t
Learn css (TODO) and csstodo
1. What role is css?A: css controls the webpage style.Extension: div + css is a classic web page layout. Separate webpage content from presentation.
2. How does css work?Answer: 1. inline style: direct
Web beginners. Since DW can be used directly to achieve what you see is what you get, why should we learn HTML and other languages to code a line? Web beginners. Since DW can be used directly to achieve what you see is what you get, why should we learn HTML and other languages to code a line? Reply content: Yes. Using HTML and CSS to write the front-end is much e
hide to avoid full rendering under background color, full screen is blue ...2, floating to Li is good, UL ol do not consider, Li in a to become block element Display:block; Generally, the floating clear:both should be cleared;All to use the second kind, Visibility:hidden;height:0;ie is. clearfloat{zoom:1;}. clearfloat{/Class SelectorDisplay:block; /* Change to block element */Clear:both; /* Clear float be sure to set the height to 0*/Content: "";Visibility:hidden;height:0;}3,/* Details backgrou
Start from scratch to learn the abbreviation of html (13) CSS code, which consumes less bandwidth and starts from scratch.I. Simplified Box Model Code
1 Simplified Box Model Code
Remember that when talking about the box model, the margin (margin), the padding (padding), and the border (border) are set in the clockwise direction: top, bottom, and left.
An example of the specific application in margin and pad
Learning CSS should have about three days of time, plus the basis for understanding, CSS has a bit of perceptual knowledge, the corresponding code has a better grasp, now by sharing a few photos of the form of sharing my harvestNote: The department outside the border is called: Outline areaFigure AFigure IIMightFigure FourFigure FiveFigure Six Figure VIIFigure EightFigure NineFigure 10Note: This beauti
First of all, to summarize the learning ideas:This series of content, will be for the small program in WXSS learning, so in learning css every knowledge point in the Applet IDE practice, to achieve the best learning effect.Because WXSS and CSS are slightly different, in the process of learning CSS, we try to avoid, in the WXSS of the properties do not spend too m
value of the line-height is followed by a font-size value separated by a slash, such as:Example: body{font:100%/normal arial;}, body{font:100%/120% arial;}, body{font:100%/1.2 arial;} , body{font:100%/25px arial;}Calculate Line-heightSome CSS properties are inheritable (inherited), which are passed down from the stacked Elements. This is done to make it easier for developers to no longer reset values for descendant Elements.For Line-height inheritanc
;
Top margin and bottom margin are 10px
Right margin and left margin are 5px
Example 4margin:10px;
All 4 margins are 10px
value Description The Auto browser calculates the margin. Length Specifies the value of the margin in a specific unit, such as pixels, centimeters, and so on. The default value is 0px. % Specifies the margin based on the percentage of the parent element's width. Inherit specifies that margins should be inherited from the paren
1. Always see these two kinds of CSS:A. Two class spaces connected together:. Class1. class2{...}B. Two class comma joined together:. class1,.class2{...}2. Give two examples to illustrate:Two class spaces joined together, example a:"Viewport"Content="Width=device-width"/> class="Classdiv"> class="CLASSP">. Classdiv. CLASSP to my entry into force. classdiv. CLASSP not valid for meclass="CLASSP">. Classdiv. CLASSP to my entry into forceExample a results:Two class comma joined together, example B:"
Reference: http://www.w3school.com.cn/cssref/pr_text_color.aspThe Color property specifies the colors of the text.This property sets the foreground color of an element (in HTML representation, the color of the element text), and the raster image is not affected by color. This color is also applied to all borders of the element, unless overridden by a border-color or another border color property.The easiest way to set the foreground color of an element is to use the Color property. T
lowercase Greek letters (alpha, beta, gamma, etc.). ) Lower-Latin lowercase Latin alphabet (A, B, C, D, E, etc.). ) Upper-Latin uppercase Latin alphabet (A, B, C, D, E, etc.). Hebrew Traditional Hebrew Numbering method Armenian traditional Armenian numbering method Georgian the traditional Georgian numbering method (an, ban, gan, etc.). ) CJK-ideographic Simple ideographic numbers hiragana tags are: A, I, U, e, O, Ka, ki, etc. (Japanese Katakana) The katakana tag is: A, I, U, E, O, KA, KI, etc.
often used * *
V: nth-child (Odd) and: Nth-child (even) match the elements with odd and even numbers, respectively. The odd number (odd) is the same as the (2n+1) result, even (even) and (2n+0) and (2n) results.
This method is used in jquery to achieve stripe effects:
$ ("Table tr:nth-child (even)"). AddClass ("striped");
Even can be replaced with other parameters, which are described in five cases.
The following addclass ("striped") striped is a CSS
First Summary:1, IE6 does not support the pseudo-class outside a label;2, IE6 Multi-level navigation needs to use the relative positioning and absolute positioning, with left and top;3, IE6 need to give 2 levels of Li set background color, otherwise hover slide down, leave 1 Li, 2 level Li will disappear;4, JQuery write less, do more.Why Study Html+css+jquery:Because the company OA online nearly 2 years, intermittent write some webform+jquery+easyui+a
What is a comment?
Annotations are a concept that is very important in all computer languages, literally the annotation, meaning of interpretation.Comments can be used to explain what a program or a line of code means, facilitating communication between programmers
Why use annotations?
Appropriate comments, can make our program more readable, so in Chinese to remind themselves, the program here is what?
Comment Format (HTML)
CSS Anno
Reference: http://www.w3school.com.cn/cssref/pr_class_float.aspDefinition and usageThe Float property defines the direction in which the element floats. Historically, this property has always been applied to images, so that text surrounds the image, but in CSS, any element can float. A floating element generates a block-level box, regardless of its own element.If floating non-replacement elements, specify a definite width; otherwise, they will be as n
Reference: http://www.jb51.net/w3school/css/pr_dim_line-height.htmThe Line-height property sets the distance (row height) between rows.Note: Negative values are not allowed.The value describes normal as default. Set a reasonable line spacing. number to set the line spacing by multiplying the current font size. Length sets the fixed line spacing. percent line spacing based on the current font size. Inherit spe
css| Web page
Summary of the following 5 points, you can look at the reference.
1, reading and writing
Read the posts, websites and blogs I recommended above. The purpose of the Internet is to share and disseminate, those who touch the early understanding and practice of more in-depth friends to provide us with experience and tutorials. To calm down, you can't find the answer just for an effect or a layout implementation. But to understand the tutoria
be abbreviated in the font attribute. The value of the line-height is followed by a font-size value separated by a slash, such as:Example: Body{font:100%/normal Arial;}, body{font:100%/120% Arial;}, body{font:100%/1.2 Arial;} , body{font:100%/25px Arial;}Calculate Line-heightSome CSS properties are inheritable (inherited), which are passed down from the stacked elements. This is done to make it easier for developers to no longer reset values for desc
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.