CSS

Web pages run in a variety of browsers. The speed at which browsers load and render pages directly affects the user experience, page rendering is the process in which the browser displays html code in the browser window according to the CSS-defined

Main html page code: javascript main code: Copy code 1 var canvas =$ ("# imageCanvas "). get (0); 2 var context = canvas. getContext ("2d"); 3 var oldX, oldY, newX, newY; 4 var enabled = false; 5 canvas. onmousedown = function (event) {6 enabled =

There are many terms in web page creation, such as CSS, HTML, DHTML, and XHTML. In the following article, we will use some basic knowledge about HTML. Before you start this tutorial, make sure that you have a certain HTML base. Next we will start to

This article from my personal blog, interested friends can come look: http://jerryzou.com As one of the three swordsmen of the Web Front-end, CSS plays an extremely important role. It separates the page performance from the content, and the

If you read the previous article, you can easily understand the implementation of horizontal scrolling. Implementation principle: 1. Use the @ keyframes rule of CSS3 to create an animation effect; 2. Use the animation effect of CSS3 to complete

The Loading effect implemented by pure CSS is the animation attribute of CSS3, which is a key experiment of CSS3. You can go to my codepen to check the effect. The following is a download link. Let's take a look at the implementation process. Let's

1. Attribute Introduction Box-shadow: color value | inset | none |! Important 2. browser compatibility (1) IE is incompatible. IE9 and IE10 are unknown; (2) Firefox 3.5 (including 3.5) and above (3) Chrome 2.0.x compatibility (4) incompatible

I. Definition of line-height Line-height (line height): the distance between baselines of adjacent text lines. What is a baseline? For the text "Benjamin-xx engineer", the baseline is not the bottom line of the Chinese character, but the bottom line

1. Introduction to attributes The margin property accepts any length unit, which can be pixels, inches, millimeters, or em.Optional values:The auto browser calculates the margin.Length specifies the margin value in a specific unit, such as pixels

1 2 3 4 9 10 11 12 13 29 30 the logic for copying code is roughly as follows: first, on the page, the green square is front and the blue square is back. The requirement of the system is that when you click on the green block, the two

There is always a design style similar to "text | text" in the page layout. Different browsers have serious deviations. If there is a compatibility problem, we need to solve it. The following three solutions are summarized and shared with you: 1.

Date control. You can set any date or time format. (Png images have different colors, and the actual effect is better ): Bytes ---------------------------------------------------------------------------------------------------------- Bytes ---------

CSS3 is still out of sight and just around the corner. This is not a technical issue, but when can people abandon old browsers that do not comply with W3C standards. CSS3 is highly anticipated. CSSTricks conducted a Vote survey. A total of 7000

Problem description:In ie6/7 browser, the floating element is close to the element of the last row of the parent element.(Single row refers to 1st rows)The margin-bottom value of is invalid! Problem code: test margin-bottom test margin-bottom

The CSS skills summarized here are of great help to front-end engineers. Although these skills are basic, if you or your team are not familiar with them or are not started to use them yet, you can refer to the content described in the following

This article shares 20 exquisite iOS 7 mobile app icons, following the modern trend of graphic design. All icons are amazing and surprising. By learning these mobile app icons, designers can improve their creation and make the mobile user interface

# How did I find and solve the problem of Project page rendering efficiency (using the IE debugging tool probe)? There were a lot of registration pages in my project, generally, there are 100-200 or even more fields, and the display of dictionaries,

Calc is the abbreviation of the word calculate. It is a new length unit function of css3. it can be used for simple mathematical operations. Firefox uses the-moz-calc () private attribute, Chrome uses the-webkit-calc () private attribute, IE9

The document mode has the following functions: 1. Tell the browser what html or xhtml specifications are used to parse html documents 2. It has an impact on the rendering mode of the browser. Different rendering modes will affect the parsing of

We can see that in the flat design trend, there are more and more web pages using solid colors. With the release of iOS7 and the colorful iPhone 5C, these colors are becoming more and more dynamic. The dazzling RGB colors have become more and more