CSS for getting started with the web
1. Role of CSS
View the following code
If you use attributes in HTML tags to define styles, each element has different attribute definitions for styles!
<body bgcolor="silver" text="bule">
<h2>h2 text</h2>
<hr color="red"/>
Some Text here.
</body>
<style type="text/css">
body{
background-col ...
Posted by HektoR on Sun, 24 Oct 2021 19:04:30 -0700
Mobile terminal adaptation
Common solutions to mobile terminal layout are:
1.flex flexible layout
1) The height is fixed, the width is adaptive, and px is used as the unit of elements.
2) As the screen width changes, the page will also change. The effect is similar to the fluid layout of the PC page. When the width needs to be adjusted, just use the responsive layout ...
Posted by jdlev on Sun, 24 Oct 2021 16:32:12 -0700
Elastic box (flex)
catalogue
1, Properties of commonly used elastic boxes
1. flex container
2. flex project
3. Arrangement direction
4. Properties of the flex container
5. Project properties (itme)
6. Grail layout
7. Length units in CSS
2, Use of multimedia tags in HTML5
1. Format of video file
2. Usage of Video Tags
3. Audio format file
4. Ho ...
Posted by wickning1 on Fri, 22 Oct 2021 04:28:24 -0700
HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript
HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, el ...
Posted by easmith on Fri, 22 Oct 2021 01:19:38 -0700
JavaScript and js constitute web API, DOM and five methods to obtain elements
js consists of web API, DOM, get element, ID get element, tag name get, HTML5 new get, quertSelector, document.querySelectorAll, get special elements (body, HTML)
Composition of JS
API
API Application programming interfaces are predefined functions designed to provide applications and developers with the ability to access a set of programm ...
Posted by gb75 on Tue, 19 Oct 2021 22:16:02 -0700
The basis of Web front-end development -- using tables in web pages
The basis of Web front-end development -- using tables in web pages
preface
This article mainly explains how to create a table in the web, and set the size of the table, cell width and height, background color and font size in the table
Tip: the following is the main content of this article. The following cases are for reference only ...
Posted by badviking on Tue, 19 Oct 2021 12:05:24 -0700
Element plus learning notes
Element plus learning notes (I)
catalogue
Introduce element plus (main. JS)
Underline removal of router link
Implement hover effect through CSS to control another element
Item center setting
layout
Container layout container
Basic specification
Icon icon
Link text link
Menu menu
Introduce element plus (main. JS)
impor ...
Posted by Langridge on Mon, 18 Oct 2021 14:51:03 -0700
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
Painstakingly collect the most complete JavaScript and the most practical tool function methods in the history, and it is recommended to collect them!
1. Digital operation
(1) Generates a random number in the specified range
export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
(2) Digit thousands separator
export const format = (n) => {
let num = n.toString();
let len = num.length;
if (len <= 3) {
return num;
} else { ...
Posted by Kain Elderan on Mon, 18 Oct 2021 00:15:14 -0700
Styled components of CSS in JS
The code is already associated with github: Link address I think it's good. You can click star. Here you will continue to share your development experience (:
As we all know, JSX is an extension of JS syntax and adds support for HTML syntax. It is only one CSS syntax support away from all in js. At present, 60 + libraries are well-known to ...
Posted by scotte on Sun, 17 Oct 2021 22:35:06 -0700