Study Notes Seven DOM
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
Detailed notes on learning html+css by yourself
catalogue
Common symbols: 6
Ordered list: ol > Li 6
Unordered list: UL > Li 7
Custom list: DL > DT + DD 7
Picture label: 7
Table: 8
Form from: 8
CSS: 9
CSS priority: 9
CSS selector 10
Pseudo class selector: 10
CSS text properties 11
1. Font size 11
2. Color 11
3. Bold & inclined 11
4. Horizontal and vertical center ...
Posted by mustatin on Thu, 19 May 2022 01:27:55 +0300
The most complete way to learn Python full stack - WEB front end
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
Use and understanding of entry-level canvas
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
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: (Ch4 - Part I)
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
CSS text style
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
Front-end css style --- web page layout (to be supplemented later)
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
CSS chapter of front-end knowledge combing of "CSS deep pointing North" (special chapter of mid autumn National Day)
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
JS end: write a fully functional e-commerce rotation chart with JavaScript
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