CSS

First, HTML block elements1, block-level elements block levels element, inline elements inline element, html elements belong to block-level elements, he is a container for combining other HTML elements, when used with CSS element is used to set

Statement: The material used in this column is written by the VIP students of the Kay Academy, who has the right to be anonymous and has the final right to interpret the article; The Edith Academy is designed to promote students to learn from each

Less is a CSS preprocessing language, it extends the CSS language, add variables, Mixin, functions and other features, make CSS easier to maintain and expand.Less can run on Node or browser side.compile processing for lessAs a CSS preprocessing

This article we mainly share with you about the important BFC in CSS, CSS has an important concept BFC, understand BFC can let us understand some of the original CSS in the strange (??) The place. 1. Introduction Before explaining BFC, let's talk

Basic notes: outer shadow:box-shadow:x axis y-axis Rpx color; Property Descriptions (in order): Shadow's X-axis (negative values can be used) Shadow's y-axis (negative values can be used) shadow blur value (size) Shade color inner

Floating factors are often applied to static Web pages, for example, to allow block-level elements to be exclusive to one line, often using the float method. However, when applied, it is found that when the subclass floats, the parent class is not

This time, let's take a look. The Transform property, which is the most weight-CSS3 property that changes shape properties, allows elements to change back and forth before 2D and 3D. 1, 2D deformation DEG represents degree (degrees), units can not

This article mainly introduces the CSS code refactoring, small series feel very good, and now share to everyone, but also for everyone to do a reference. Follow the small series together to see it, hope to help everyone. 1. Refactoring and

In the Web design, trapezoidal tab is a very common form, but trapezoid is a difficult to implement the style, the following small section to share the use of CSS to implement the ladder tag page code, the need for friends to refer to the next

CSS3 example code sharing using 3D environment to achieve cube effect Rubik's Cube section{width:100px;height:100px;border:5px solid red; margin:50px auto;padding:100px; perspective:800px;} . box

This article mainly introduces the use of CSS to make three-dimensional navigation bar related data, the need for friends can refer to the following CSS production of three-dimensional navigation bar, the implementation code is as follows: css

Center vertically with Line-height line-height:24px; With a fixed-width container and one row vertically centered, use Line-height (the height is consistent with the parent container), and more vertical centers can be seen here. Clear Container

Grammar： Line-height:normal | Length Parameters： Normal: Default row height Length: Percent number | A length value consisting of a floating-point number and a unit identifier that is allowed to be negative. The percentage value is based on the

Config configuration in vue and vueconfig Configuration Configure the alias and extension in the webpack. base. conf file. Resolve: {extensions :['. js ','. vue ','. json ','. styl '], alias: {'vue $': 'vue/dist/vue. esm. js', '@': resolve ('src'),

Use JS to implement image carousel (frontend and backend) and js first and end Recently, I was asked about all kinds of interviews. I was confused, but I didn't think about how to do it at the beginning and end. After I came back, I studied a wave

CSS border effect, css borderPrevious This article introduces the CSS border effect in detail.  Translucent border border:10px solid hsla(0, 0%, 100%,.5); background-clip:padding-box;  Sewing Effect outline: 1px white dashed; outline-offset:-1

Css before and after pseudo-element applications, cssbeforeafter pseudo 1. Description ": Before" A pseudo element can insert new content before the element content. ": After" a pseudo element can insert new content after the element content. 2.

Canvas background, canvas background Canvas background effect:  

Css clears float and css float Css clear floating float 1. Analyze HTML code 1 2 3 Analyze css code styles .outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;}.div1{width: 80px;height:

Official JQuery website JQuery JQuery is a js library that encapsulates some of our commonly used functions to facilitate our calls and improve development efficiency. JQuery basic reference 1. Guide 2. Two Methods $ (Document). ready (function (){})