CSS thorough research (1)
Github Pages Blog
Basic Selector
Tag Selector h1 {...}
Category. class_name{.}, two classes simultaneously, such as class = ' One two ', conflicts take the former
ID selector #id {...}
Composite selector: Two or more
In practical applications, we often encounter scenarios where the page loads and does something: bound events, DOM operations, some nodes, and so on.
The original is more commonly used is the OnLoad event window, and the actual effect of the event
This paper describes the method of Yii to implement the top-of-list feature of the article. Share to everyone for your reference, as follows:
My understanding: First click to get the current Id,model layer query all sort fields, traverse the data,
Three, Box boundary properties
1, Margin-bottomMargin-leftMargin-rightMargin-top
Features: These four properties are used to set the distance between an element and its adjacent elements, which can be defined either as a percentage of length or
1, font-family
Function: Used to change the font of HTML flags or elements, you can set a list of available fonts. The browser selects the font from front to back.Syntax: {font-family: Font 1, Font 2, ..., Font n}Example:
Font
2,
First, the color value
The color settings in a Web page are very important, with font color (color), background color (background-color), border color (border), and so on, there are many ways to set colors:
1, English command color
The Setup method
One, inline CSS style, directly written in the existing HTML tags
Where can CSS styles be written? From the form of CSS-style code insertion, the basic can be divided into the following 3 kinds: inline, embedded and external three kinds.
Inline CSS
The anyday component is defined in DAY,HTC, which is an encapsulation of the calendar unit. The name of the component is determined by the XML namespace defined in the first row.
Just like CANLENAR.HTC, you have only one namespace definition,
In the previous article on the left (right) side of the fixed width of the right (left) side of the automatic scaling of the two columns floating, this article will say three columns floating problem. As previously mentioned, the two-column float is
CSS floating has always been a more depressing problem, a lot of layout problems are floating on, especially when the number of floating columns, but in fact, as long as the two-column structure of the floating, the face of the floating multi-column
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
First, CSS positioning: position
Grammar:
position:static | Absolute | Fixed | Relative
Value:
Static: The default value. No special positioning, the object follows the HTML positioning rules.
Absolute: Drag objects from the document stream, using
The number can be the container is large, can not be based on the size of the container to automatically wrap, the following is how CSS will wrap their way!
For Div
1. (ie browser) white-space:normal; Word-break:break-all; The former follows the
The front-end time wrote a "Use CSS framework for efficient site development", a lot of friends asked me related questions. Very early 5key on the company's CSS framework architecture, but also many friends to put forward the CSS framework
Today, I would mainly talk about the various centering methods in CSS.
The first is the horizontal center, the simplest way of course is
margin:0 Auto;
That is, the Margin-left and Margin-right properties are set to auto to achieve a horizontal
We all know margin:0 auto; Style allows the element to be centered horizontally while margin:auto; But not vertically centered ... Until now. However, please note! To make the element absolutely centered, just declare the height of the element and
The following gives a big introduction to jquery on the operation of Select, very good, with the content is described as follows:
The HTML tag for select is as follows:
...
1. Set option selected for value "LLL"
$ (' #yyy '). Val ("lll"),
Web Page Authoring WEBJX article introduction: Using the CSS3 HSL declaration is also used to set the color. What's next? HSLA? Yes, this is the same as the Rgba effect. Using the CSS3 HSL declaration is also used to set the color. What's next? HSLA?
The element is centered, and the element inside the div is centered.
1. horizontal center of row Elements
Text-align: center;
2. Vertical center of Line Elements
Height: 40px; line-height: 40px; make these two values equal
Iii. horizontal center of
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.