Access properties: Obj.attr or obj[' attr ']Access the Style property via JS:Style can only get inline styles for elements. Therefore, to get the complete style information for an element, you must use the getComputedStyle method of the Window
Last night I saw Bootstrap. The global CSS style uses the less section to recompile CSS and JavaScript files using grunt, and for those of me who have never touched the Windows CMD node console npm, learning is a lot more difficult.Then we follow
When the mouse moved up, there will be a flash in the picture, the effect is very cool. So the effect is realized again:
The general idea is, design a transparent layer I, skewx on the x-axis to do a negative 25 degrees of deformation, the
What is the filter in CSS, this article will introduce you to the CSS of the filters in the tip.
CSS filters are not browser plugins or CSS standards, and are a collection of features that Microsoft has developed specifically to enhance browser
The so-called hack is that only a specific browser can recognize this hack code. Hack is not a good thing, unless there is no way, we try not to use the thing. The following is a list of CSS Hack for each browser.
Firefox browser
@-moz-document
Introduced
Today, we're going to learn how to use simple CSS to create different types of planar graphics.
Using code
Rectangular
. rectangle { width:250px; height:150px; Background-color: #6DC75F;}
Triangle
. triangleup {
This article mainly shared the simple navigation bar production method. Have a certain reference value, follow the small series below to see it
Today, share the simple navigation bar of how to make:
The first step: introduce a CSS style sheet,
There are two ways to load CSS:
@import
Way @import url ("B.css");
Contrast explanation
How to style: inline style, inline style, inline style, import style
Inline style > Import style when @import with
Adaptive width means that when the width of the container is not explicitly set (or the margin is set to Auto), the width of the container is set according to the circumstances, and the result is often not what we want.
The situation of several
CSS3 VW units
Paste_image.png
100VW = 100% window width100VH = 100% Window height
This enables an adaptive square (a container with a fixed length-to-width ratio) to be quite simple!
[Lang=stylus].box width 10vw height 10vw
Since it is a new unit,
Introduce a few text styles, interested in small friends can look.
Text Size: |xx-small|x-small|small|medium|large|x-large|xx-lager|
: Large small large or small relative to parent element
Text font:
font-family: "Song Body", "Microsoft Jas Black";/
CSS3 NEW: Not () pseudo-class selectors that match elements that do not contain selectors. Suppose there is a list, each list item has a bottom edge, but the last item does not require a bottom edge, the case is as follows:
used: not () Last line
When you make a page, you often encounter default behaviors that require you to customize some tags (such as the placeholder for input, etc.), but these default settings of CSS are generally difficult to remember, so it is necessary to make your own
CSS allows you to use a solid color as a background, as well as to use a picture as a background.Settings about the background:
Background-colorbackground-color:red;-Note: Background-color cannot inherit, its default value is transparent.
Do not know, see I write front-end knowledge of the program, there is no feeling like me, every time I write the HTML structure, and then write CSS style content, the heart has a look, but the realization, Ctrl+save is another appearance, the heart
Learn how to display in CSS today
First, display Mode :
The default display type of the box can be modified by the properties of the display
Properties:Display
Value of Display:
1.None : Let the generated elements have no boxes, so that the
Html, html tutorial
Today, I made my personal profile for the first web page. Although there is still some problem, it is not very strong, but I am still very happy. It is mainly for the application of tables, and I do not know if it is used
HTML semantic understanding and HTML semantic understanding
1. What is HTML semantics?
"Semantic" refers to the ability to study and use mobile phone information in the case of less human intervention, so that web pages can be understood by
Use github to build your own personal website and github to build your personal website
This time, I will share with you how to use github to create your own personal website.
Of course, the premise is that you have to have a github account. If not,
Differences between block-level elements and intra-row Elements
Features of block elements:1. Always start on a new line;2. The height, row height, and top and bottom margins can be controlled;3. The default width is 100% of its container unless a
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