The overflow property specifies what happens when the content overflows the element box
①visible the default value. The content is not trimmed and is rendered outside the element box.②hidden content is trimmed, and the rest is not visible.③scroll
In order to keep the page neat and beautiful, in many cases, we often need to hide the text beyond the length. This is commonly used in list entries, titles, names, and other places.
(1). Text beyond one line, omit out of the section, Show ' ... '
Recently, the development speed of HTML5 and CSS3 is very considerable, there are some major stations at home and abroad, cool station are using the latest technology. In the face of new technology, how can we correctly grasp and use the project in
First, row height (line-height) method
If you want to vertically center only one line or a few words, it is the most simple to make, as long as the line height of the text and the container is the same height, such as:
p {height:30px; line-height:30
I. Description
1.1 Definitions and usage
The Transition property is a shorthand property for setting four transition properties:
Transition-property: Specifies the name of the CSS property that sets the transition effect.
Transition-duration:
Characteristics:
absoulte and float have the same characteristics: enveloping, and destructive absoulte and float can be used interchangeablyabsoulte positioning not restricted by relative , behavior can not use attributes such as Left/right/top/
1.TD occupy multiple rows/columns, its extruded TD does not write (but package TD tr to write)
2. Text in DISPLAY:TD elements is not centered vertically by default (text in TD in Table is centered vertically)
3.th Although header headers are
On Many designs, like switches or radio, today I'll talk about how to use CSS to implement dynamic switches.
In the HTML code, it's very simple.
Below is our CSS code
In this way, the switch that often appears on the design and on the
Talk about the characteristics of yourself :
Left, right, top, and bottom are positioned relative to their position
When left, right and left are in effect
When top and bottom are present, top is in effect
No intrusion, retains the
Characteristics:
absoulte and float have the same characteristics: enveloping, and destructive absoulte and float can be used interchangeablyabsoulte positioning not restricted by relative , behavior can not use attributes such as Left/right/top/
CSS: The use of the focus pseudo-class, that is, to set the style for the element that has the focus
Example One
:focus
Above through: The Focus gives input box the style setting when the focal point is given
Example Two
: When
When we add attributes to the picture, when the beginner, may confuse the difference between the ALT and the title, then the difference between the two, we can from the original intention to see-
The alt word is "Alternate", switching, replacing
These days the company needs to update a mobile Web page, because the task is simple, I will be given as a rookie newcomer to do. The first contact with CSS was in 14 when I was a freshman in the same time with HTML learning, and then never
Modal Box nesting
In development, encountering the need to trigger the first modal box by clicking an event, triggering the second modal box through an event, and triggering the third modal box through the event;
Modal box nesting requires a modal
Alleys (Container)
Alleys: A container with a class name of. Container, whose alleys width is not the same value under each screen device, alleys both sides is white.The alleys widths under each dimension are as follows:
Great God Zhang xoxu mooc css series tutorials Study Notes 03: overflow, Zhang xoxu overflow
Why is it 03, because I realized that output is also an important part of the learning process from today on, so from today on, I will record the new
Web Front-end: 10 learning methods that impede progress, web Front-end1. Preface
There are many people engaged in the web Front-end. The learning methods and habits of each person are basically not the same! As we all know about web Front-end (or
Today is my first visit to the blog Park !, My first blog today
First, introduce yourself.
I am an ordinary freshman, and I like WEB Front-end, hand-painted, music, and taekwondo;
There was a gray day, but I don't want to mention it any more;
You can set either the horizontal or vertical center mode of the element or the center mode.
It should be common for our front-ends to create a small horizontal and vertical modal bullet box.
Before css3 came out, there was only one way (I can think
The checked setting in the input property radio does not take effect. radiochecked
The single-choice button is used in many places on the same page and the default selection is set. The results show that the single-choice button is not selected by
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