CSS

[note] Today because you see the front-end of the JS page and HTML page, feel the need to familiarize themselves with their basic grammar, so spent a day to review to consolidate a bit (previously studied), including HTML syntax, CSS syntax,

CSS3 can design a multi-column layout like a newspaper with text content. Like this: Such layouts are called "Multi-column layouts." Learn more about multi-column properties: For all properties of column, ie10+ support, Firefox does not support

pseudo-classes and pseudo-elements are independent of the document structure. The way they get the elements is not based on the element characteristics of the ID, class, attribute, but on the element that is in a special state (pseudo-Class), or the

It's a cliché that CSS is compatible with every browser, and the tutorials on the web are everywhere. The following content is not too many novel, purely personal summary, hoping to have some help for beginners. First, CSS HACK The following two

The following small series for everyone to bring a must-see CSS trivia. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting. The 1.CSS Color property is not

1 write in front Recently, the style of the page on the cnblogs, the default right "essay category" in the label is each row to display one, and I want to the right "essay category" in the label set to a row to display more than one label, as to

In the development of small programs, the need to meet the circular progress bar. Using canvas drawing is tricky: 1, in order to realize the adaptation on different screens, it is necessary to dynamically calculate the size of the progress bar; 2.

This article mainly describes the CSS elements in the center layout of the simple method, the introduction of embedded elements and block elements and in-line block three cases, the need for friends can refer to the following First we need to know

A lot of people just mention the @font face rule, the heart will involuntarily "Oh ~ ~" The sound: "This I know, can be used to generate custom characters small icon!" "The thing is, the problem is that a lot of people think that creating a small

First: Basic understanding of the Vertical-align family Understand the attribute values supported by vertical-align and the composition Property: 1.inherit 2. Line Class Baseline,top,middle,bottom 3. Text class Text-top,text-bottom 4. Superscript

Recently I want to revise this website, I want to put a prompt box above. It's easy, but I want to have a triangle arrow on the Cue box. However, the thought of this requires the use of pictures, and various colors, arrows in various directions to

First, CSS box model Box Model Overview The box model is one of the core knowledge points of CSS, which specifies how elements are displayed and how they interact with each other. Each element on the page is treated as a rectangular box that

The notation for multi-class selectors. For example: #my. c1.c2 {color:red;}. c1.c2 {color:red;} These are supported by browsers such as Ie7+/ff/opera/safari. In IE6, however, the latter class name overrides the previous class name, that is, the

CSS background image positioning in the layout process, especially when the background map more widely used, in this article for everyone in detail about the background map positioning knowledge and why there are negative, interested friends can

Border supports Box-sizing:border-box, when there is a margin, is added when the border is processed according to the previous margin Outline does not support Box-sizing:border-box; handles margins first, then outlines, somewhat like zooming

Why do you want to initialize CSS? CSS initialization refers to the style of resetting the browser. The default styles for different browsers may vary, so the first thing to develop is how to unify them. If you do not initialize CSS, there will

Brief tutorials This is a tabs option made with pure CSS3 Carter effect. The Tabs tab is simple and stylish, with an underscore followed by an animation when switching between tabs, and the overall effect is very good. HTML structure The HTML

This article mainly introduces the detailed CSS five ways to achieve footer, small series feel very good, and now share to everyone, but also for everyone to do a reference. Let's take a look at it with a little knitting. The footer base (Sticky

The following small series for everyone to bring a CSS web security font combination of detailed instructions. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.

Rgba compatibility processing and rgba compatibility According to caniuse (http://caniuse.com/#search=rgba), rgba compatibility is IE9 and above.   Instance code: 1 2 3 4 5 6 rgba compatibility processing 7 23 24 25 26 27 rgba28 29 30 31