CSS

Oocss and BEM We encourage the use of some combination of oocss and BEM for the following reasons: Can help us clarify the clear and rigorous relationship between CSS and HTML. can help us create reusable, easy-to-assemble components.

Selector:first-child This is the descendant selector. Weird, be careful to avoid rather than understand. Selector:first-child The first element in the current selector selected element collection Selector:last-child The last element in the

Original CSS: Border Property Border-color: Border Color Border-width: Border Width Border-style: Border Style None: No border. Regardless of any specified border-width valueHidden: Hides the border. IE does not supportDotted: ie4+ on Mac

CSS is an abbreviation for the English cascading style sheets, called Cascading style sheets, to beautify the page. There are three ways of existence: element inline, page embedding, and external ingestion. Compare the pros and cons of three

Sometimes in the process of writing CSS, some restrictions always do not work, which involves the CSS style overlay problems, as follows #navigator { height:100%; width:200; Position:absolute; left:0; Border:solid 2 #EEE;}.

CSS styles are as follows: #div1 {width:200px;　　height:400px;　　background:red; Overflow:auto;}　　#div1::-webkit-scrollbar{width:5px; height:5px;} #div1::-webkit-scrollbar-track{background:hotpink;//Track Style}

Here are just a few examples of situations where individuals think they are easy to blur. The HTML structure is as follows: test Row height Parent element is number, child element is not set . parent{ font-size:12px;

CSS elements by default in accordance with normal flow arrangement, there are two cases can change the arrangement of elements, one way is floating, in the previous article has been elaborated in detail, and the other is now to discuss the

Css3d Summary 3d transform (3D variant) (rotate skew scale translate) Basic knowledge Perspective (Visual range, depth of field) Perspective-origin (viewpoint)Transfrom (1) coordinates x y Z (2) Deformation base point position transform-origin(3)

Today I send my own CSS framework--base.css, the role is to reset the browser default style and provide generic atomic class. @charset "Utf-8";/*! * @ Name: Base.css * @ function: 1, reset browser Default style * 2, set generic atomic class *//*

This article focuses on the element's position property, which sets how elements are positioned on the page. Directory 1. Introduction Position: Describes the value of position and the auxiliary properties. 2. Position Positioning method: Introduce

The clip () method in canvas is used to cut arbitrary shapes and sizes from the original canvas. Once an area is clipped, all subsequent drawings are restricted to the area being clipped (no access to other areas on the canvas) You can also save

What is design mode? There have been jokes, design patterns are used by engineers to show off with others, appear tall, and some people say, not design mode useless, you have not been able to understand it, will use it. Let's take a look at the

When using Webstorm to learn the front end, I was asked in 2016-02-01 how to set the Webstorm color hint. It is said that Niang did not set the method, I looked for a set after the location found, today wrote this set method to illustrate. Software

Display:none and Visibility:hidden are all features that hide an element on a webpage, but they are different, and after experimenting, I find that using the Visibility:hidden property makes the object invisible. However, the object's space in the

@-moz-keyframes tada{ 0%{-moz-transform:scale (1);} 10%,20%{-moz-transform:scale (0.9) rotate ( -3deg);} 30%,50%,70%,90%{-moz-transform:scale (1.2) rotate (3deg);} 40%,60%,80%{-moz-transform:scale (1.2) rotate ( -3deg);}

As I mentioned before, each element in the document tree is just a rectangular box. These boxes have a background layer, which can be completely transparent or other colors, or it can be a picture. This background layer is controlled by 8 CSS

Using: Empty to distinguish between null elements Compatibility: IE8 not supported If we have the above list: ab We want to be able to distinguish between empty elements and non-empty elements, so there are two scenarios. To select an empty element

Background Since the advent of CSS, the basic grammar and core mechanism has not changed in nature, and its development is almost entirely on the expressive level of ascension. The first CSS in the Web page function is only auxiliary decoration,

Today, a responsive navigation bar is created that automatically changes the style of the navigation bar with different screen resolutions or browser window sizes, and the main thing to use here is the CSS3 media Query. Specifically, you can see the