Front end training ---- box model (with exercises)
catalogue
1, Web page layout process
2, Composition of box model
Border border content padding inner margin margin outer margin
3, Border border
Compound writing of border
Border separation:
padding abbreviation:
Block level elements are horizontally centered
Clear inner and outer margins:
4, Box model exercise
1. Making wedding dres ...
Added by Shadow Wolf on Tue, 07 Dec 2021 16:42:02 +0200
[Ant Design Vue] Grid component usage
This article introduces the Grid grid in Ant. It is mentioned that the Grid divides the horizontal area into 24 parts. The divided information block is called a box. Each box can be composed of multiple areas (the Grid of all boxes in the same row adds up to 24). It is recommended that the number of boxes arranged horizontally is at most four a ...
Added by phpfanphp on Mon, 06 Dec 2021 01:59:04 +0200
[back end integration] new program Day6
1. SpringMVC
1.1 restFul style
1.1.1 traditional get submission
url1: http://localhost:8080/findUser?name=tomcat&age=18 url2: http://localhost:8080/findUser?name=tomcat&age=18&sex= male
Requirements: the above parameter transfer can be simplified! Simplified: url3: http://localhost:8080/findUser/tomcat/18/ male
1.1 ...
Added by lordzardeck on Wed, 01 Dec 2021 16:15:45 +0200
HTML5 final assignment: XMI website design - Xiaomi mall mobile phone (10 pages) HTML+CSS+JavaScript student DW web design assignment finished student dreamweaver web design assignment finished
HTML5 final assignment: XMI website design - Xiaomi mall mobile phone (10 pages) HTML+CSS+JavaScript student DW web design assignment finished student dreamweaver web design assignment finished
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, ...
Added by marowa on Sun, 28 Nov 2021 14:54:42 +0200
New features of CSS-CSS3 learning notes
New features of CSS3
Status of CSS3:
The new CSS3 feature has compatibility problems, which is only supported by ie9 +
The support of mobile terminal is better than that of PC terminal
Continuous improvement
It is widely used
1, CSS3 new selector
New selectors in CSS3:
CSS3 has added some selectors to make it easier and more free to select ...
Added by wellscam on Fri, 26 Nov 2021 07:14:03 +0200
Common page layout (two column layout, three column layout (Holy Grail, double wings)
1, Two column layout, fixed width on the left and adaptive on the right
//html
<div id="left">Left fixed width</div>
<div id="right">Right adaptive,Front end front end front end front end front end front end front end</div>
1. Float on the left and add oveflow:hidden on the right; become BFC Clear the influence of flo ...
Added by mp04 on Wed, 24 Nov 2021 01:33:18 +0200
Responsive layout of mobile WEB development
1, Responsive layout of mobile WEB development
1.0 principles of responsive development
Media query is used to set the layout and style for devices with different widths, so as to adapt to different devices.
Division of equipment:
Those less than 768 are ultra small screens (mobile phones)The between 768 and 992 is a small screen devi ...
Added by Digital Wallfare on Wed, 24 Nov 2021 01:26:56 +0200
IFC thinking problem solving cases
IFC thinking problem solving cases
1. There is a gap at the bottom of inline block (such as img) elements
<!DOCTYPE html>
<html lang="zh-CH">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1. ...
Added by Imtehbegginer on Sat, 20 Nov 2021 21:47:16 +0200
Bootstrap 4 -- jumbotron (large screen), information prompt box, button and pagination related knowledge points summary
1, Jumbotron (large screen)
1. Add the. Jumbotron class to the < div > element to create a jumbotron 2. To create a full screen without rounded corners, you can add. container or. container fluid classes to the div in the. Jumbotron fluid class. For example:
<div class="jumbotron jumbotron-fluid">
<div class="container">
...
Added by gersh on Sat, 20 Nov 2021 03:47:50 +0200
web front-end technology notes bootstrap, form regularization and front-end optimization
bootstrap
Simple, intuitive and powerful front-end development framework makes web development more rapid and simple. From Twitter, it is one of the most popular front-end frameworks at present. Bootstrap is based on HTML, CSS and JavaScript, making it easier to write code. Mobile first, responsive layout development.
bootstrap Chinese we ...
Added by will_1990 on Fri, 19 Nov 2021 20:40:13 +0200