Responsive layout (47)
1, viewport
On the PC side, the HTML page we developed runs in the browser. How wide the browser is (generally, the browser represents the width of the device) the html is, that is, render and render our page in the browser wide viewport
There are differences between the mobile terminal and the PC terminal: no matter what the width of the mob ...
Posted by sprint10s on Mon, 18 Oct 2021 10:12:40 -0700
HTML5 basics exploration
W3C standard
meta tag
<meta name="" content="">
The commonly used keywords in name are: keywords and description.
Bold and italic
<strong>,<em>.
Special symbols (escape characters)
&Temp: space, & gt: greater than sign, & lt: less than sign, & ...
Posted by stovellp on Sun, 17 Oct 2021 19:03:46 -0700
web front-end learning 13-19
4 common labels
4.3 paragraph and line break labels (important)
In the web page, to display the text in an orderly way, you need to display these words in sections. In HTML tags, the < p > tag is used to define paragraphs. It can divide the whole web page into several paragraphs.
<p>I am a paragraph label</p>
An abbreviat ...
Posted by Mig on Sat, 16 Oct 2021 21:39:44 -0700
Element UI learning notes
catalogue
1. Element UI introduction
Element UI, a Vue based desktop component library for developers, designers and product managers, uses the code encapsulated by the front-end framework to help engineers develop quickly Features of element UI:
Rich components
The components of element UI are divided into six categories: basic compon ...
Posted by s_r_elliott on Sat, 16 Oct 2021 02:08:28 -0700
Painstaking efforts to sort out the complete collection of JavaScript knowledge points, super detailed suggestions collection!!!
1, Syntax and variables
(1) . front end third floor
(2) Writing position of JS
(3) . output statement
(4) . variable declaration promotion
Variable declaration promotion: you can use a variable declared later in advance without throwing an exception
Before executing all code, JS has a pre parsing stage, which will pre re ...
Posted by alimadzi on Sat, 16 Oct 2021 00:30:06 -0700
HTML5 load new page insensibly (next page + non ajax+history.pushState)
1, Modify the url without refreshing the page
Case 1: setting anchor characteristics (taking the code of the tab in bootstrap as an example)
Use the anchor mode to switch. When the page is refreshed, it will also be located to the specified page. However, if the page content is too long and the scroll bar appears, the anchor will be locate ...
Posted by golfinggod on Fri, 15 Oct 2021 22:26:46 -0700
css foundation -- collapse / merging of the outer margin of the box and its solution
catalogue
What is outer margin collapse
How to solve the collapse of outer margin
What is an outer margin merge
How to resolve outer margin merging
What is outer margin collapse
When two nested relationship block level elements, if the parent element sets the upper outer margin ...
Posted by david4u on Fri, 15 Oct 2021 18:06:04 -0700
New to the front-end - learning and sharing
CSS3 elastic box
Case sharing
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2870866_bl0ozdsuq.css">
<title>Document</title>
<style>
*{padding: 0; margin: 0;}
body,html{
height: ...
Posted by exoskeleton on Fri, 15 Oct 2021 17:18:08 -0700
markdown online editor editor.md secondary development detailed tutorial
Secondary development of markdown online editor editor.md
demand
It is often necessary to publish articles in online forums for publicity, but the writing format of each forum is different, which brings great obstacles to the publication.
The recent rise of markdown format has brought good news to the majority of publishers. A document forma ...
Posted by Lord Brar on Fri, 15 Oct 2021 10:35:51 -0700
Lists, tables, forms in html
Catalog
Lists (Ordered and Unordered Lists)
1. Unordered list
2. Ordered List
3. Nesting of lists
2. Forms
1. Primary labels required for tables
2. Details on Form Making
3. Merge of cells (across rows and columns)
3. Forms
1. Form Labels
2. Form Control
A, input control
B, select control: drop-down ...
Posted by karlkatzke on Fri, 15 Oct 2021 09:05:42 -0700