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
Add an ellipsis (o) to a single/multi-line text
1. Add ellipsis in a single line of text
It is generally used to display news lists.
Li {width: 200px; height: 30px; line-height: 30px; cursor: pointer; list-style-position: inside;/* set the position
[HTML] Five methods for Html page Jump and five methods for html page Jump
Directory structure:
Contents structure [-]
The following five examples are provided to describe in detail. The main functions of these examples are as follows: in five
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
Tip: you can modify some code before running Adaptive full screen layout-100% height full screen adaptive layoutIce PeakIce PeakIce Peak The only regret of this layout is that it is displayed as a strange mode in IE6 or earlier browsers, because
Tip: you can modify some code before running Table color change Process Initiator Start time Status Test row None 17:21:04 End Test row None 17:21:04 End
Tip: you can modify some code before running Second-level tree menu example: CSS TreeMenu CSS TreeMenuBy Fengyan @ IECN. Net Colleagues Dodo Xiaochun Kobayashi Xiaolong Fengyan Customer Dodo Xiaochun Kobayashi Xiaolong Fengyan
Tip: you can modify some code before running CssG1Good morningG2Good eveningM1My name is fireyyM2Mm I love uG1Good morningG2Good eveningM1My name is fireyyM2Mm I love uThis code is provided by the webpage special effect network. Tip: you can modify
Tip: you can modify some code before running Div css navigation menuHomeSingle LevelDropdownDroplineFlyoutSupportContact Tip: you can modify some code before running
Tip: you can modify some code before running Css + div navigation menu codeHomeSingle LevelDropdownDroplineFlyoutSupportContact Tip: you can modify some code before running
Tip: you can modify some code before running Css + div Super concise menu extension codeHomeSingle LevelDropdownDropdown oneDrop down 1.1Drop down 1.2Drop down 1.3Drop down 1.4Drop down 1.5Drop down 1.6Dropdown twoDrop down 2.1Drop down 2.2Drop down
Tip: you can modify some code before running Navigation menu-simple pure CSS two-level drop-down menuNavigation menu-simple pure CSS two-level drop-down menu与之间--> 与之间--> Menu 1 Menu 1-1 Menu 1-2
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