CSS

For a while, the usual practice was to put all the content on one screen. But now, web designers and developers like the design of content scrolling and use this as an opportunity to achieve a smart Effect Based on floating background display,

1. Introduction 1.1 Attribute: Specifies the positioning type of the element. That is, the elements are displayed anywhere on the page.1.2 Main values ①Absolute: Absolute positioning; separated from the layout of the Document Stream, the remaining

Cascade is the cascade of style sheets. Is the process of adding a style layer by layer in the style sheet. Let the browser determine which value to use for multiple sources of specific attribute values of a tag. Cascade is the core mechanism of CSS.

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

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

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]

1. Optional values of control elements Selector {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none ;} Optional values: Auto -- default value. You can select the content in the element. None -- the user cannot select any

The real question about z-index is that few people understand how to use it. In fact, it is not complex, but if you have never taken some time to read the specific z-index documents, you may ignore some important information. Don't believe me? Let's

Preface Recently I learned CSS, and CSS has always been my own short board. I didn't expect to learn so much about CSS recently. It is really commendable. As the saying goes, I am a little crazy recently. Sometimes, after the study ends at night, I

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

CSS is used to gradient the color of the DIV background, which is suitable for browsers such as IE and Chrome. Example from yellow to red: http://keleyi.com/keleyi/phtml/divcss/2.htmCode: From green to red keleyi.com Other code compatible with

Data: [] [; base64], The format is relatively simple. We can see that the above is a base64 encoded jpg image.Embedded in this page, the following is displayed:   According to the above format, we can write a small program to generate, but we

: : : Whether to display the frame border;: Specify the uri of a resource (such as a webpage or image;: Whether to display the scroll bar of the frame;: Defines the iframe width;: Defines the iframe height; : Shorten the overall length of the

The real question about z-index is that few people understand how to use it. In fact, it is not complex, but if you have never taken some time to read the specific z-index documents, you may ignore some important information. Don't believe me? Let's

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,

Preface Today, during the day, we learned block-level elements. We wanted to continue to learn CSS at night, but we found that we were still a little tired. So we still want to study something that everyone is interested in, front-end

Recently in the process of development, there is a need to add Sina Weibo (http://weibo.com) in the website attention icon. Let's take a look at my running results. Here are four different formats, which are easy to implement: The procedure is

If there is no such OO shadow in the current language, I am embarrassed to call it language. In terms of XML semantic constraints, DTD is simple, but not powerful enough. It is completely straightforward to describe, so it has replaced dtd xsd (XML

// 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