I. OverviewLess is a CSS preprocessing language, it extends the CSS language, adding variables, mixin, functions and other features, so that the CSS easier to maintain and expand.Less can run on Node or browser sidesecond, less environment to
We can use CSS syntax to control the form of hyperlinks, color changes.
Below we do a link: The hyperlink text is not underlined when clicked, the display is blue, when the mouse is underlined on the link, the link text is displayed in red, and when
Caching jquery and common styles to localstorage can reduce HTTP requests and optimize page load times, which can be implemented by the following code:
To view write records:
Packaged into JS Plug-ins:
/** * Plug-in function: Use
Recently internship has been doing the front cut map, but also a need to embroider the patience of the work, summed up some of the basic page elements of the implementation of the way, follow-up updates. First we encounter the most likely button
Written in front of the words:
As a result of more CSS content, small series has no energy to speak from beginning to end, can only be targeted to explain.
If the reader understands the CSS box model, but does not understand the float, then this
1. First Web-inf documents can not be outside access, so css,js and other documents can not be placed here, just at the beginning I made the front end of all the things put in the web-inf under so certainly wrong.
2. By asking seniors learned that
First, forced line break
1 Word-break:break-all; Only works in English, with letters as the basis for line-wrapping.
2 Word-wrap:break-word; Only works in English, with words as the basis for line change.
3 white-space:pre-wrap; Only works on
first, the rendering process of HTML page
1. The browser parses the acquired HTML code into 1 dom trees, each tag in the HTML is 1 nodes in the DOM tree, and the root node is our common Document object. Dom tree contains all the HTML tags,
CSS implementation of single-line intercept string is relatively simple, CSS properties: overflow:hidden;white-space:nowrap;
Want to achieve multi-line interception, after Baidu get, take two lines and then intercept the attributes;
HTMLlang="en"> Head> Metacharset="UTF-8"> title>documenttitle> style>/* This method perfectly solves the problem of the right-most box without the need to set margin-right:0 specifically; */* key: 1 The outermost box is set to the desired width 2
Cascading Style Sheets (full name: Cascading style Sheets) 1. Introduce the standard CSS box model. What's different about the box model of the low version ie.
1.1 Category: IE box model and standard box model
1.2 Box Model: content, padding,
1.CSS Processor
Processors such as Sass, less, and postcss can be processed.
@function Px2rem ($px, $base-font-size:75px) {@return ($px/$base-font-size) * 1REM;}
2.CSSREM
This is a plug-in is Flashlizi for sublime text written a plug-in, it is
CSS resolution image too big bursting div page method
One, prevent the picture bursting div method OneThe original processing method is the picture that will be presented for processing. For example, your div width is 500px (pixels, the picture you
Scene: The parent element is highly fixed and how the text in it is centered vertically.
Method One:
Code:
Test text Test text
Test Text Test text Test text Test text Test text Test text
Result
The effect is as follows:
This is to make a picture of a div hover over the map, the CSS code is as follows
. tl {
width:240px;
height:193px;
position:absolute;/* here to set the *
/z-index:999999;/* Here is the distance between the
Preface
In the previous period, we made the self-adapting webpage of the maker Technology website, and gained a lot in the process of writing. After the development of the company's PC checkout, the CSS changes in the pain. Learn from the
This article introduces you to the article about how to use pure CSS to achieve a Saturn effect, there is a good reference value, hoping to help the needy friends.
Effect Preview
Code interpretation
Defining the DOM, the container itself
This article introduces you to the article is about the use of CSS in the background background, there is a good reference value, hope to help the needy friends.
Definition and usage
Basic properties: color, image, position, repeat
Background
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.