CSS is a computer language used to represent file styles such as HTML (an application of the standard Universal Markup Language) or XML (a subset of the standard Universal Markup Language). CSS can not only statically modify the Web page, but also
in the previous article, we introduced the CSS Settings div scroll bar style, we all know that when the content outside the container, the container will appear scroll bar, its own scroll bar sometimes does not meet our aesthetic requirements, Then
We all know that CSS is a cascading style sheet (full name: Cascading style Sheets), a computer language used to represent file styles such as HTML (an application of the standard Universal Markup Language) or XML (a subset of the standard Universal
label, wildcard selector
Tag Selector 111 14 period Martial
Class Selector
Document G o o g l e
Composite selector: Intersection selector
Selector + selector (no spaces in the middle)
First, order attribute
The Order property defines the order in which the items are arranged. The smaller the number, the higher the alignment, and the default is 0.
Second, Flex-grow properties
The Flex-grow property defines the magnification of
Cascading contexts: three-dimensional concepts that represent the position of elements in the z-axis
Cascading can be nested, grouped into a hierarchical contextEach cascading context and sibling element is independent, and when cascading changes
: The use of hover, that is, when the mouse pointer moves into the element, the style settings that are made
Example One
demo01
The above situation exists when the mouse pointer moves into the element
: The use of hover, that is, when the mouse pointer moves into the element, the style settings that are made
Example One
demo01
The above situation exists when the mouse pointer moves into the element by:
The IDs of many elements in SharePoint are used in dots (.). To connect, for example:
Familiar with the CSS of all know Dot (.) is used to indicate the class selector, if used directly:
# ribbon.documents.editcheckout{}
It is impossible to
a very simple progress bar
It can be implemented with a simple CSS property: Cilp
Clip:rect (Top,right,bottom,left)
First, write a small procedure to explain
Display effect:
Add position:absolute;width:100%;height:100% to. clip; the
Calc () calculates the CSS attribute value. calc calculates the css attribute value.
Calc () is a new feature of css3 to specify the length of an element. For example, you can use calc () to set dynamic values for attributes such as border, margin,
From scratch to proficient frontend learning routes, proficient frontend routes
With the development of the Internet, front-end development engineers have become very popular talents in the market. Many students, including those who previously made
Use HTML to get the height, width, and width of pages, screens, and browsers
1. Introduction 1. Container
A page is displayed. containers from the outside to the inside are: screen, browser, and page itself.
HTML elements are displayed on the page,
Small programs that cannot afford to hurt, believe in small programs
Some time ago I was not very busy, but the company needed to develop a small program, so I entered the trap (this trap is still a bit deep, please prepare dry food ).
I am an iOS
Web Front-end: 11 principles that keep your code clean, web Front-end 11
Writing a Web page is like building a house. The house won't fall if the foundation is solid. Similarly, we make the same Web page. A good HTML structure is the beginning of
Center Methods: center Methods
1. negative value through margin
. One {position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left:-100px ;}
Good compatibility, but must be fixed width and height
Ii. Using margin: auto
.
Css: Use of the focus pseudo class, And cssfocus pseudo class
In css: Use of the focus pseudo class, that is, set the style for the element that has obtained the focusExample 1
:focus
The above uses focus to set the style when the
The difference between the alt attribute and the title attribute of img, And the alttitle attribute of img
When we add attributes to images, we may confuse the differences between alt and title at the beginning. The differences between the two are
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