CSS

When we design a page or a banner, we tend to think about creativity, or make the results very dazzling, but ignore some user habits. What I'm talking about here is something that everyone knows, but is often easy to ignore-designed for scanning.

CSS best practices (or specifications ): 1. Name:1.1 Use easy-to-understand English words and name them by content/function;{Frequently used names: page, wrap, layout, header (head), footer (foot, ft), content (cont), menu, nav, main, submain,

1. Common Project Annotations: Service Layer Imp: @ Transactional @ Component ("xxxService ") Public class xxxService {.....} Interface: DAO Layer @ Repository ("xxxDao ") @ Autowired @ Qualifier ("xxxDAO ") Public class XxxDAO {.....}   Meanings of

Designing Web pages and building websites seems to have nothing to do with organizing this word, and it cannot be used in behavior. However, the person in charge of the Li Yang network told us that, compared with web designers, they may still be

Html Tag: label: defines a horizontal split line without an end label label: Empty label (line feed), no end label labels are displayed in bold. End tag --> A label can define a title. maximum. minimum. End tag label: imports an

Inline-block is a value of the element display attribute. The reason for this name is that it can be simply interpreted as inline + block; the element set by display has the characteristics of inline elements and block elements. Block elements are

Id Selector The id selector can specify a specific style for HTML elements labeled with a specific id. The id selector is defined. The following two id selectors can be used to define the color of the first element as red, and the color of the

From PC to tablet and Smartphone have been transferred, so it is important that a website should be adjusted according to different devices. Everyone is talking about adaptive web design. The future of its design seems to be binding an adaptive

The MasonJS plug-in is used to solve the problem of most grid systems currently-spacing. When Masonry, Isotope, or any other grid plug-in is used, the layout may be blank or the edges may be uneven. MasonJS can help you fill the gaps in these la

The so-called box model is the Rectangular Box generated by the browser for each HTML element. That is, HTML pages are actually composed of a series of boxes. These boxes are arranged on the page according to the visible layout. It is controlled by

  First, we must understand the optimization objects and clarify the optimization objectives so that we can adopt the correct optimization methods. 1. Optimization objects --> Front end! First, you must know the steps to open a webpage: We can see

If a single-page website is designed properly, it is a good way to put all the content at the forefront and center, which can increase the chance for visitors to see it. So today, we have collected a group of excellent single-page websites to

Preface: Many css and js merge packaging tools are available on the Internet. The most popular tool is ant's combination of yui-compressor. In view of the learning and work needs, I learned this method today, for everyone to learn and exchange. Step:

Codrops shared its beautiful Implementation Method of modal window effects, hoping to provide front-end developers with some inspiration for innovative display dialog boxes. This scheme uses the trigger button (or any HTML element). When you click

Target width watermark context width = result (proportional width) The pixel width of the current element. The pixel width of the parent element of the current element = the percentage width of the current element.  For example: [Html]

Solution 1: use conditional import in HTML documents. For example, insert the following code into the HEAD: 1: 2: 3: 4: 5: 6:   Solution 2: Use

I believe that many children's shoes who like to study the webpage interface have encountered a wonderful phenomenon: many pictures and materials on the webpage are merged into one picture. At first, when I imitated the website, I often encountered

Using a large image as the background of a webpage is the quickest way to attract visitors. High-quality exquisite photos and abstract design Images can bring a profound impact to the appearance of the website. When using a large background image,

Provides two different methods and codes for jquery to obtain css values, now jquery is used to set the css width, whether it is css or others. $ (\ "# JS_top_ment \" ).css (\ "width \", \ "60% \") is very convenient. Provides two different methods

// Obtain CSS attributes$ ("H1" ).css ("fontSize"); // returns a string, for example, "19px"$ ("H1" ).css ("font-size"); // This is also possible// Set CSS attributes$ ("H1" ).css ("fontSize", "100px"); // you can specify an attribute.// Set