What is media query

Sorting of media query knowledge points 1. What is media query? Media query is the if statement of the style sheet, which determines which CSS to execute through various conditions. @media only screen and max-width:600px{ .aside{ width:500px; } } compatibility: <!–[if lt IE 9]> <script src="http://cdn.staticfile.org/livingsto ...

Posted by jamesdk on Sat, 18 Sep 2021 18:36:09 -0700

LayUI framework quick start

LayUI overview It is similar to Bootstrap, but the framework has a great advantage that it defines many style interfaces for front-end and back-end interaction, such as paging tables. It only needs to configure the interface at the front end, and the back end returns data according to the defined interface rules to complete the page display, w ...

Posted by larissahn on Sat, 18 Sep 2021 03:26:00 -0700

Transition, animation effect, beautifying interface

Transition means transition in English. Transition can be an element that switches between different states with different transition effects. It consists of four parts: the name of transition attribute, the time required for transition, the mode of transition and the delay time of transition. 1. Name of transition attribute Transition propert ...

Posted by phpScott on Wed, 15 Sep 2021 14:18:02 -0700

Re learn the front end, introduction to ten thousand words, HTML+CSS + responsive Web Design

Responsive web design certification | freeCodeCamp.org Reminder before viewing: I'm good at using Ctrl+F. I don't want to be detailed, but to understand. I gave links to examples or documents for some incomprehensible contents, and some small games I recommend. I hope I can give you three links 💕 🍓Basic HTML From here on, if you don ...

Posted by Res on Fri, 10 Sep 2021 20:29:47 -0700

Static page css summary (center, background picture) the most complete solution!

1 centered horizontally In line elements are centered horizontally In line elements here refer to text, image img, hyperlink a, button, etc text-align: center; /*Set on parent element*/ Block level elements are horizontally centered 1. Change the display attribute of the block level element to inline block, and then set text align: Ce ...

Posted by simonmlewis on Thu, 09 Sep 2021 19:40:09 -0700

Thinking analysis of js case -- five-star scoring effect

Thinking analysis of js case -- five-star scoring effect The purpose of putting the structure and style in front is to make the idea clearer. You can also look at the next steps first, and then come back and look at the two parts to assist in understanding. 1, Structure <!DOCTYPE html> <html lang="en"> <head> <meta ...

Posted by ErikTheViking on Thu, 09 Sep 2021 18:34:19 -0700

Front end three swordsman related

Front end technology stack HTML hypertext markup language realizes page presentation and forms a static web page CSS cascading style sheets to achieve page beautification JS javascript script language realizes the data interaction between the front end and back end of the page to form a dynamic web page React facebook produces front-end and ...

Posted by chatmaster on Wed, 08 Sep 2021 14:39:28 -0700

HTML+CSS+Bootstrap+ECMAScript+DOM

Scripting language: it can be parsed and executed by the browser without compilation Overview of Wed concept JavaWed: Using java language to develop Internet based projects Software architecture: 1. C/S: Client / Server * There is a client program locally and a server program remotely * For example: QQ,Thunder... * Advantage ...

Posted by Mightywayne on Mon, 06 Sep 2021 11:45:00 -0700

Bootstrap 4 Chinese development manual Cards

Bootstrap's card provides a flexible and extensible content container with a variety of variants and options. about A card is a flexible, extensible content container. It includes header and footer options, various content, context, background color, and powerful display options. If you are familiar with Bootstrap 3, the card can replace our ...

Posted by Negligence on Sun, 05 Sep 2021 19:15:48 -0700

vue-cli3 + build pc side management project (III. use of css preprocessor scss)

Using css preprocessor in the project can improve the efficiency of css development, reasonably apply the characteristics of preprocessor, and improve the maintainability of css code. Common at present   There are three kinds of css preprocessors: less, scss(sass upgrade), and stylus. No matter which kind, the most basic variables, exten ...

Posted by jdlev on Sun, 05 Sep 2021 14:35:33 -0700