We often see a lot of small icons on a page, but when we use the tools to open it, we find
These little icons are actually in a picture, how does this happen?
This is the use of CSS sprites cut graphics technology.
CSS sprites is actually the Web
Perishable Press website recently published an article "3 Ways to preload Images with CSS, JavaScript, or Ajax", sharing the use of CSS, JavaScript and Ajax to achieve a picture preload three major methods. The following is the translation.
before using SPRINGMVC, ignoring a problem is not taking into account static files such as css/js/html/jpg when you use restful style, so that some front-end design effects can not be displayed. After discovering this interdiction problem, you need
CSS Left fixed width right adaptive width summary
Two div side-by, left width fixed, right adaptive. My left side is the navigation bar, and the right side is divided into two parts.
Entire page:
html,body{
margin:0px;
height:100%;
}
1,
Objective
Today in doing JSP refactoring, there is a JS method (called it a method bar) there is a Reload page statement, before refactoring, there was no problem executing the statement of the A method, but today, after I refactor some of the
Turn from: http://www.jb51.net/article/80304.htm
Modify the section, and then directly copy and paste can be used (put the position you are happy to be good)
Required Material: http://fontawesome.io/(download this icon library)
Consider the output of the following topics:
Topic 1:
var a = 1; function fn1 () {alert (a); var a = 2;} fn1 (); alert (a); Topic 2:
var a = 1;function fn1 () {alert (a); a = 2;} fn1 (); alert (); topic 3:
var a = 1; function Fn1 (a)
The first part of HTML
Chapter I. Career Planning and Prospects
Career Direction planning positioning: Web front-end Development engineer Web site architect own business transfer management or other
The prospect of Web front-end development: the
When publishing a Web page, you often highlight special characters or entire characters in the title. Bootstrap provides a. label style for highlighting functionality.Label main setting background color and Background box
Source code
. label {
Browser-compatible methods
Developers are basically aware that the development of CSS itself is not difficult, but when testing the code under different browsers, the difficulty arises. Browser bugs and inconsistent displays are a major challenge
Preface
In the previous section, we implemented a style table with CSS, and added a full selection feature, this section uses jquery to implement the deletion of the specified line function. The following effect diagram:
This chapter sample code
CSS Settings hyperlink styles are implemented by pseudo-classes
(1): Link: Sets the style sheet properties of the A object before it is accessed.
(2): visited: Sets a style sheet property whose link address has been accessed by an object that is
1. Inheritance
The inheritance of CSS means that child elements inherit some of the style attributes of the parent element . For example, when the parent element defines the font color (color property), the child element inherits the font color of
1. Normal status 2, mouse hover status 3.active Click Status 4.focus get Focus state
Focus is often used to remove the dashed border that occurs when a link is clicked
a:focus{Outline:none;}
hehhe
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