CSS

Pagespeed is an open source project, the project in Github Open Source address is: https://github.com/pagespeed/ngx_pagespeed Pagespeed can compress the static resources (CSS, JS, pictures, etc.) on your site to speed up the loading of the user's

Family Tree (family tree), also known as genealogy, is used to record the relationship between lineage and generation. This article unifies the example, does not use any JS script, uses the pure CSS to create a beautiful family tree (genealogy),

This is a special effect of the Pull-down navigation menu with deformable animation effects. When the navigation menu switches between menu items, the Drop-down menu quickly changes dynamically depending on the size of the menu's contents,

Why do we use the DIV+CSS layout without having to pass the traditional table layoutI. The benefits of using the DIV+CSS website layout1: Performance and content phase separation The design part is stripped out and placed in a stand-alone style

RGBA Background:rgba (0, 118, 160,. 25); The first three values are RGB color values, the last value is the horizontal transparency (0 = transparent, 1 = opaque). RBGA can be applied to any color-related attributes such as font color, border color,

The simplest way to create a CSS-style text navigation bar might be to put all the links in one line of text, which looks reasonable and intuitive. But the problem is that it's hard to control the gaps between links and back and forth by putting all

There is a way to see if someone is really attentive when they finish a Web page design. Sometimes a miracle is a little detail, something that is almost imperceptible to others. What I mean by "pixel-perfect" is the careful scrutiny of lines, edges,

Seven Control the style of text The style of control text includes two parts: text case, text decoration. 1. Text case The case of text makes it possible for the designer of a Web page not to write the text when the text is typed, but to set the

String manipulation in JavaScript I. Overview Strings are almost ubiquitous in JavaScript, and when you are working with the user's input data, when you read or set the properties of a DOM object, while manipulating the cookie, there are of course

Site navigation is the most important element of the site, is the most direct and convenient site to provide users with access to the content of the site tools. Site navigation from the form of mainly by horizontal navigation, vertical navigation,

Content again rich site, if slow to inaccessible is meaningless; SEO do a good site, if the search spider can not catch is useless; UE design of the re-humanized site, if the user can not see is also empty talk. What is the most basic thing about

FF Browser . test{ height:20px; Background-color:orange; } IE7 Browser *+html. test{/*ie7*/ height:20px; Background-color:blue; } IE6 Browser *html. test{/*ie6*/ height:20px; Background-color:black; } You can see that FF is the most obedient

Random floating image ads based on JavaScript code, JavaScript image adsThere are many such codes on the internet, but not necessarily in line with the standard, because in the head plus similar tags, the floating effect will expire, the following

Summary of front-end PC compatibility issues, pc compatibility 1. If the image is added with a tag in IE9-, there will be a border Solution: img{border:none;} 2. rgba does not support IE8 Solution: opacity can be used Eg: Opacity: 0.7;/* FF chrome

Sass learning logs and sass logs 1. What is SASS? SASS is a CSS development tool. It provides a lot of convenient writing methods, greatly saving designers time and making CSS development easy and maintainable. This article summarizes the main SASS

Html css coding specifications (Golden law) and css golden LawHTML syntax Use two spaces to replace tabs-this is the only way to ensure consistent display in all environments. The nested element should be indented once (that is, two spaces ).

Css Preprocessor sass usage tutorial (Multi-image warning), sass usage tutorial The css Preprocessor provides css dynamic language features, such as variables, functions, operations, inheritance, and nesting, to help organize and manage style files

How to Use CSS3 to implement the effect of book pages (books) Sometimes we want to display an announcement or user prompt on the page. A common design is to use bookmarks. We can add a volume angle to the bookmarks to make them more realistic. The

For example:1090px has an average score of 6 points, with each 16.66% point. chrome displays the following elements:2nd and 4 elements: 181px1st, 3, 5, 6 elements: 182pxIn firefox, ie8, and later versions, although the box model displayed in the

I suddenly realized that I had been writing pages in my previous way of thinking, and I did not notice many details. Although it is truncated, the details still exist. For example, a word is also truncated when it is not required to be truncated, so