DOM manipulation of CSS
Read and modify inline styles
1. Use the style attribute to manipulate the inline style of an element
- Read inline styles:
Syntax: element.style.style name
- example:
element.style.width
element.style.height
- Note: if the style name has-,you need to change the style name to camel case
Will-remove, ...
Posted by Duje_KH on Thu, 19 May 2022 03:17:02 +0300
CSS boost
The box model
1. Introduction to the box model
Box Model All HTML elements can be thought of as boxes. In CSS, the term "box model" is used for design and layout. Box Model Contains Contents The CSS box model is essentially a box that encapsulates surrounding HTML elements, it includes: margins, borders, padding, and actu ...
Posted by alex3 on Tue, 17 May 2022 09:56:41 +0300
1,canvas
canvas is h5 a new tag added, so it may not be compatible in the lower version of ie.Canvas is a canvas, which can draw graphics freely.canvas is a native js object and jq is not recommended
2. Basic use and introduction of canvas
1. Foundation use
Use the canvas tag to add width and height attributes
The canvas tag is an inline t ...
Posted by logging on Tue, 17 May 2022 04:53:11 +0300
Mobile terminal adaptation scheme
Adaptation scheme of mobile terminal:
flex + rem units have the most adaptation effects (such as Taobao and Xiaomi mobile terminals) in the current marketflex + viewport width /vh unit is a new trend for adaptation effect (such as mobile terminal of station B)
Let flex make the layout (box placement), and ...
Posted by Immyphp on Tue, 17 May 2022 02:15:26 +0300
CSS world reading notes:
For the language CSS, the difference between learning 80 points in 3 years and 90 points in 10 years is actually limited. When you remove the veil in front of you and take a closer look, you will find that what is missing is not the front-end, but excellent, qualified and technologically in-depth front-end develope ...
Posted by chyan on Sat, 14 May 2022 15:44:08 +0300
In this section, we talk about text styles, such as setting text color, indenting the first line, horizontal alignment, etc., and setting the page layout.
The text attributes to be learned are as follows:
attribute
describe
color
Set text color
text-index
Sets the indentation of the first line of text
text-align
Set horizontal alignmen ...
Posted by smbkgeo1983 on Sat, 14 May 2022 11:09:25 +0300
web layout
web layout Web page layout can be understood as typesetting, there are many tools that can be used for typesetting, such as world PPT, ps and many other software Web typography refers to the elements we want to display on the browser using a specific format to display
There are three ways of web layout/typesetting
standard stre ...
Posted by karan23424 on Sat, 14 May 2022 10:49:31 +0300
Know browser
component
It's possible that when we talk about the components, the partners are directly confused. To be frank, don't be afraid, there are more confused people behind!
The composition is divided into two parts: shell and kernel (the kernel is the core part, which represents the technical means used by the browser, and the she ...
Posted by xbase on Fri, 13 May 2022 15:22:54 +0300
Rotation chart: automatic rotation + click the corresponding point to switch + next + menu navigation Let's talk about the idea first, and then the code:
First take the overall HTML layout, first rotate the map, and then click the corresponding small circle to jump to the previous one and the next one. Then the layout of the left menu bar, th ...
Posted by bluntster on Fri, 13 May 2022 14:33:24 +0300