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