What are CSS selectors? Which properties can be inherited? How is the priority algorithm calculated? CSS3 What are the new pseudo-classes? What are the new features of CSS? Below I have collated some, for reference only.CSS selector:1) ID selector (#
HTML is hypertext language1. Basic labelThe value range of n is 1~6, from large to small, to represent the title paragraph labels, wrapped content is wrapped, and there is a line between the contents of the top and bottom div tags can not contain
HTML tag, html TagI. Definition and usage
All browsers support labels.
the tag definition hyperlink is used to link a page to another page.
the most important attribute of an element is the href attribute, which indicates the target of the link.
The triangle edges on the webpage are still translucent. As designers are getting better and better, css should keep up with each other. translucent cssRequirement
Today, we can see a requirement in the group. How can we do this triangle without
Delete div, jquery Delete div
Start time end time Delete Start time end time Delete Start time end Time Delete Start time end time Delete Start time end time Delete
Css3 implements switch, and css3switch
I asked a question when I was calling Alibaba. Today I took the time to make a demo.
Html Structure
Css code: before is responsible for the color. after is the
Div floating at the bottom of the page, div floating page
new document , the weather is late. The moon shines in the Pine room, and the spring stone rises. The bamboo belongs to the niece, and the boat is under the action of a lotus.
Css3 gradient (Gradients) and css3 gradient gradients
http://www.runoob.com/css3/css3-gradients.htmlCSS3 Gradients allows you to smoothly transition between two or more specified colors. In the past, you had to use images to achieve these effects.
The HTML label groups related elements in the form, and the fieldset form.
the label packs a part of the Form Content and generates a set of related form fields.
When a group of form elements are placed in the label, the browser displays them in
Sass intermediate syntax, sass
Github address: https://github.com/lily1010/sass/tree/master/course02
The sass syntax used is:
Sass -- watch test. scss: test.css -- style compact -- style expanded
For example:
Class 1 Name nesting
The content of
The second switch on the page entered by the Public Account menu is invalid, and the public page is switched
Symptom:
Recently, an e-commerce platform was developed in China. After processing all interface pages, it was officially assigned a
CSS3_01, css3 Animation
1. sibling selector: ① adjacent sibling selector: The last sibling element of the element. selector 1 + selector 2; ② universal sibling selector: All sibling elements after the element, selector 1 ~ Selector 2;
2. Attribute
Difference between css and @ import, and css @ import
Both css and @ import call the external style sheet method.
I. Usage
(1) link:
(2) @ import:
Method 1 (added in html ):
Method 2 (added in css ):
@ Import url (css file path );
Ii.
Css (display, float, position), floatposition
Display is used to set the display mode of elements.
Display: block | none | inline-block
Inline: Specifies the object as an inline element.
Block: Specifies the object as a block element.
Inline-block:
Differences between similar tags and attributes in html and between html tag attributes[1] and labels
Same: All represent italics.
Differences: (1) indicates the highlighted content. It is physical italic and has no meaning in content.
(2)
CSS uses a custom cursor style-, css Cursor
The test environment is chrome.
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36
Css style
Div{Cursor: url('1.jpg '), pointer;}
HTML
* Notes
Animate.css,animate.min.css
This is a css3 animation framework, which is very popular nowadays and has many effects on small animations.
/* you only need to modify the bounce class */
I. atention Seekers
1. bounce
2. flash
3. pulse
4.
HTML cursor style and cursor StyleHTML cursor Style
Place your cursor over the corresponding text and place the mouse to display the effect
Cursor: auto;
Automatic
Cursor: all-scroll;
Scroll up or down any direction
Mobile front-end development entry (1): Mobile front-end development entry
Definition of responsive layout:Integrates elastic grid layout, elastic images, media, and media queries to form a responsive layout.
I. Media query: different windows
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