CSS

Structured standard language (HTMLhtmlhtml and xmlxmlxmlxmlxmlxmlXML)Performance standard language (CSS)CBlock-level Tags:div div, ulul, LiLili, dtDL, DL DT ...Inline Tags: spanspan, inputinput, imgspanimg ...Behavior Standard language (DOMDom and

Understanding floating and position positioning, floating position PositioningPreface To better understand floating and position, we recommend that you first read the article "DOM understanding of Html document stream and Document Object Model" I

Webpage background image stretching and webpage background stretching There are two solutions: One is CSS, which uses background-size: cover to achieve image stretching. However, IE8 and earlier versions do not support background-size, so

Layout model (1), layout model ( First, we will understand what contains blocks. css inclusion blocks are an important concept in the standard css layout and are the basis for absolute positioning. The inclusion block is a reference object that

Summary-[base] (HTML), summarybasehtmlHTmlKnowledge point: 1. It is recommended that the basic computer configuration of developers A) display the suffix names of all files * B) Change the file arrangement mode to detailed information, and the names

Box-shadow, four shadows of boxshadow   Learning address http://blog.csdn.net/freshlover/article/details/7610269 Shadow Type: this parameter is optional. If no value is set, the default projection method is the external shadow. If its unique

Vertical CSS center, css Center 1. Use absolute positioning to center 1 2 absolute position principle: When an element is overly limited, set margin to auto, the browser recalculates the value of margin. excessive limitation means that top/bottom,

Css notes-small icon text alignment intermediate solution, css alignment Source: http://www.zhangxinxu.com/study/201603/icon-text-vertical-align.html Css .icon { display: inline-block; width:20px; height:20px; background: url(delete.png)

Method for passing parameters between html pages at the front end There is a list, for example, a case list, which usually appears in a project. Click an item in the list to go to the details page. The details are generated based on a selected

Mobile phone classification page implementation, terminal classification pageLet's not talk about it first. First, I split the page into the following modules. There are several important points to note: 1. Click "City 1" and "City 2" in section 1

Meta http-equiv attribute, metahttp-equiv attribute Http-equiv, as its name implies, is equivalent to an http File Header. It can return some useful information to the browser to help display the webpage content correctly and accurately. The

Study Notes 1, caffe Study Notes 1 1. background-clip: border-box default/padding-box/content-box; the background is cropped to the border/padding/content area, and css3 attribute. The Compatibility Statement is as follows: -Webkit-background-clip:

Placeholder style settings, placeholder Style In the input box, if you want to set the entered word and placeholder to different colors or other effects, you can use the following code to set the style of placeholder.:-Webkit-input-placeholder {}/*

HTML5 and CSS3 basics Chapter 8 study notes 16-21, css316-21In chapter 16th, form HTML5 introduces new form elements, input types and attributes, as well as built-in mandatory fields, email addresses, URLs, and custom mode verification. Element: ---

Border-radius knowledge point, borderradius Border-radius: 50px; border radius CSS measurement values: em, px, percentageIf one value is set, this value is used for all four rounded corners. If two values are set, the first value is used in the

CSS3: Set a style for the contentThe text style align attribute is used to specify the alignment of text blocks. Optional values include:1) start: content alignment start boundary. Default Value;2) end: the end boundary of content alignment;3) left:

Implement a eclipse animation using pure CSS3 The eclipse phenomenon is that the Moon blocks between the Earth and the Sun, that is, the Moon blocks the sun. Therefore, to construct an eclipse, we need two objects: one representing the Moon and

CSS Learning (17th)-Box ModelI. theory:1. CSS Box ModelA. Calculation of outer box size-heightElement space Height = content height + inner margin + border + marginB. outer box size calculation -- width element space width = content width + inner

CSS3: LayoutThe attributes used to locate the content include:1) position: Set the Positioning Method2) left, right, top, and bottom: Set the offset for the positioning element.3) z-index: sets the position of the position element. The optional

Sort out common mobile device CSS3 Media Query matching problems (iPhone/iPad/Galaxy) Today, some people solved the issue of incorrect display on the iPhone 4 download page. css3 media query is not easy to match.     /** * iPhone 4/4s landscape &