V. Widening of multiple objects
It is important to note that because objects become more, each object needs to be equipped with a timer, otherwise if there is only one timer, when the mouse between different objects quickly sliding, different
Continue, when a set of floating elements hit the right space is not enough, it will automatically go down, not out of the outermost, that is, although it will not follow the flow pattern on the ground, or will follow the flow pattern in the air, PS:
The selector in CSS is described below
What is a selector? See below to understand
This is a div
The div in front of the curly braces is the HTML tag Selector, meaning that all div tags in the HTML use this style
This is a div
Add a few more
First, the box model code shorthand
Remember that margins (margin), padding (padding), and border (border) settings are set in a clockwise direction, up or down in four directions, in the box model: upper right bottom left. Examples of specific
First, CSS layout model
Clear the basic concept of CSS box model, box model type, we can delve into the basic model of Web page layout. The layout model is the same as the box model, which is the most basic and core concept of CSS. But the layout
First, text layout: Font
We can use CSS styles to set style attributes such as font, font size, color, and so on for text in a Web page. Let's take a look at an example where the following code is implemented: set the font for text in a Web page to
Some styles of CSS are inherited, so what is inheritance? Inheritance is a rule that allows a style to be applied not only to a particular HTML tag element, but also to its descendants. For example, the following code: If a color is applied to the P
Four attribute values for position:
1.relative
2.absolute
3.fixed
4.static
These four properties are described below.
sub1 sub2
1. RelativeThe relative property is relatively simple, and we want to figure out which object it is
Pseudo-classes in CSS are often used to set the state of a tag, and the pseudo-element sets the style of the label.
css Pseudo-Class-Status of the label; pseudo-Element Current page Smart Podcast NetEase Sina 111 222 333 111 222
The display mode of the tag in HTML, which is controlled by the CSS settings, as a record
css tag Mode display ; This is a span tag This is s Trong tags 1234567 1234567 This is a Div 1234567
The above is the display mode of
CSS Section
Boday part
today is June 17, 2016, Beijing, weather fine set Font size:20px Set font bold x set font tilt display set Font type
The above is the CSS to set the text properties of the sample content, more relevant
Points:
First, color properties
Demo.html
Four ways to css Color Properties
Vi. List Properties
Demo.html
css Common Properties (List properties) unordered list 1 unordered list 2 no
A CSS declaration tag is to tell the browser what form should be used to parse you, generally: because HTML5 support backwards compatibility, detailed can see.Second, how to use CSS style:(1) Inner chain style sheet:Demo.html
inner chain
Front-end development of the program staff, every day to explain to you some of the CSS3 tutorial knowledge is how happy one thing Ah, CSS3 contains a number of new background properties, they provide more powerful control of the background.
In
Front-end development of small partners, you know how CSS3 in the CSS3 tutorial to achieve the 2d,3d rotation of the div? This process is a very interesting process, you may wish to learn.
CSS3 Conversion:
With CSS3 conversion, we are able to move,
Hello! Little friends, our last article CSS3 Tutorial-animation knowledge have you finished digesting it? The new multi-column layout (multi-column) in CSS3 is a powerful extension of the block layout pattern in traditional HTML Web pages. This new
Solution to Internet Explorer 8 incompatibility with rgba (), ie8rgba
Rgba () is a new property of css3, so IE8 and the following browsers are not compatible. What should I do? Finally, I found a solution.Solution
Let's first explain the following
Css style exceeds hide, css style exceeds hideThe text is hidden in excess of the limit. Two methods are summarized. 1. Single Row hiding
Html code
when the text exceeds the range, the excess part is hidden.
Css code
. Mi {width: 200px;
Form, Form Master
Id cannot be repeated; name can be repeated; get has length restrictions, content is visible in the address bar, post has no length restrictions, and the address bar is invisible
1. text input
Text Box
Password box
Text Field
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service