Before I in the front-end development process has been rarely used Display:inline-block attribute, because in the IE6 I have tried, there are bugs, plus, let an element in a row, I usually use float to solve, over time for this property is
Div Horizontal Center is easy, set CSS style text-align:center; It's OK.
Vertical Center also has a property vertical-align:middle; The normal setting of this property is not effective.
The first method: the vertical center effect can be achieved
First look at the ie7+, Firefox, Opera code:
The code is as follows
Copy Code
In IE6, you need some CSS hack to address it, and you need to add:
The code is as follows
Copy Code
Emmet1 has the ability to automatically add CSS browser prefixes (vendor prefix).
For example, enter the following CSS (* to indicate the cursor position) in brackets:
div{bgs*Press the TAB key to expand the following,
div{-webkit-background-size:
Animate.css is a super CSS3 animation library, it is simple to use, only the corresponding effect of the class added to the page elements, you can flip, slide, rotate and so on the complex and dazzling cross-browser animation effect, it makes the
One day Harry Roberts had a piece of code on his web site that was being consulted on Twitter and, if possible, improved in some ways. Harry Roberts did the carousel animation using keyframes, so using some mathematical calculations is likely to
Red color
Equal to
RGB (255,0,0)
Equal to
RGB (100%,0%,0%)
Equal to
#ff0000
Equal to
#f00
There are 17 predefined colors, which are:
Aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
Olive, orange, purple, red, silver, teal, white, and
In a fixed width of a column, we use margi:0px auto; This setting allows a div to be centered, while the two columns need to control the left side of the left column and the right column to the right, so use margi:0px auto; it does not seem to be
1. Form
The form is a very important part of HTML web interaction and is the core of the bootstrap framework, and the form provides a rich style (basic, inline, landscape)
Elements of a formInput TEXTAREA Select checkbox Radio (checkbox and radio
Author: TangInstance Web site: http://www.hsptc.com/css2.htmlObjectiveIf you want to try the page layout without a table, instead, you can use CSS to format your Web page, which is often used to compose your Web page structure with Div, or you want
Now many websites have used the div+css to layout the webpage structure, the advantage is the speed is fast, may the negative influence, see below analysis
Front-End time to write a "use of CSS framework for efficient site development", a lot of
Today, I'm going to introduce you to some CSS tools you might not have known before. These tools are units of measurement, like pixels or relative units, but you probably never heard of them! Let's have a go at it.REMWe'll start with something you
Common and commonly used underline styles
1, text underlined way to display Use HTML tags to underline text with the U labelBut note that the U tag is a pair of tags with start end, I was underlined 2, Hyperlink text underline-css Hyperlink
Objective
CSS selector, is the front-end basic skills, as long as you are a front-end, this must be mastered! Today I want to revisit the CSS selector, mainly to review some of the CSS selector in the use of some common symbols, such as "+, ~, ^, $,
What does background mean, translation comes with a background meaning. Also in CSS as a member of the CSS property is also a background meaning, and is to set the background picture, background color, background image interception and other styles.
CSS text overflow ellipsis
Text-overflow:ellipsis
Ext-overflow is a special attribute, which is defined by the previous document in the current document (which does not contain the Text-overflow attribute, fml!):
Name:text-overflow-modeValue:clip
The Sideslip menu is widely used in web design, and can be seen on many websites in this kind of menu. It can show the key information, make it more readable and beautiful, to meet the user experience value!
Today's small series shows you how to
Syntax Description:
E--Elements
Att--Properties
Val--Property value
E:first-child
E:last-child
Match the e element with the ATT attribute in the document
Grammar: E[att]
Matches the e element with the ATT attribute in the document with a
Perfect solution for div center! (Center horizontally and vertically)1. Use css for centering: The code is as follows:Copy code Position: fixed; left: 50%; top: 50%; margin-left: width/2; margin-top: height/2;For ie6, you can only change
JavaScript and CSSIn Part 1 and Part 2, we have introduced several code for improving the page content and server in the website performance. In addition, JavaScript and CSS are also common content on our pages, they are also optimized to improve
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.