Simple operation of HTML 3

CSS floating and positioning It mainly describes the concepts and examples of floating, positioning, pseudo class, etc Block level elements and inline elements Block level elements: div,h,ul,li,p Exclusive row (exclusive row is not the row of the body, but the row of the parent container), and cannot be juxtaposed with any other elemen ...

Posted by rommel_toledo on Sun, 26 Dec 2021 05:45:12 +0100

css introduction and selector notes

css: page beautification and layout control I. concept: Cascading Style Sheets cascade style sheets. Multiple styles can act on an html element and take effect at the same time II. Benefits         1. Compared with html, tag attributes are more comprehensive and powerful         2. Se ...

Posted by Chunk1978 on Sat, 25 Dec 2021 18:48:33 +0100

Learn CSS @media media query

Property introduction Apply a portion of the stylesheet based on the results of one or more media queries. You can define different styles according to different media types.@ media is very useful when a page needs a responsive layout. When the browser is resized, the page will also be re rendered according to the width and height of the brows ...

Posted by Joeker on Sat, 25 Dec 2021 16:43:41 +0100

CSS typing effect

preface First, let's imagine our typing scene. The letters will come out one by one. Our goal today is to achieve this effect be careful The core code in the project is animation, which is not supported in Internet Explorer 9 and earlier versions. The easy version only uses CSS Let's start Our file directory is start-up First, we c ...

Posted by sfnitro230 on Fri, 24 Dec 2021 23:32:48 +0100

Amazing!! CSS can also achieve Aurora?

I finished this article last time-- Skillfully using gradient to realize high-level full background light animation After that, the comments below the article have students' comments. Can you use CSS to realize Aurora?Like this:emmm, it's a little difficult. However, I have also tried recently. Although it is impossible to simulate such a real ...

Posted by TLawrence on Fri, 24 Dec 2021 06:47:03 +0100

25-basic JavaScript ⑤ (built-in objects, simple data types and complex data types)

1. Built in objects 1.1 built in objects There are three kinds of objects in JavaScript: custom object, built-in object and browser object The first two objects are the basic content of JS and belong to ECMAScript; The third browser object is unique to JS. JS API explains that built-in objects refer to some objects of JS language. These ...

Posted by mightymaster on Fri, 24 Dec 2021 04:56:58 +0100

CSS learning and sorting

introduction First of all, I highly recommend you to go W3School,W3School Chinese website Find syntax references and examples about CSS. Personally, I think the content is very complete and rich. At the same time, it contains many examples to promote understanding. Please stamp for details CSSHOME,CSS introduction W3School How To W3School H ...

Posted by lucy on Thu, 23 Dec 2021 22:36:40 +0100

The customer collects two iPads from the company. Do I have to adapt them? (summary of adaptation scheme)

Hello, guys. i'm a professional cutaway i. 🦞 The article was first published in nuggets The customer white whoring company has two iPads. Do I have to adapt them? (summary of adaptation scheme) 🌲🌲🌲 preface: Two days ago, the product manager suddenly put forward a demand to make ipad adaptation for the ten previously written projects ...

Posted by dabnet on Thu, 23 Dec 2021 14:40:17 +0100

CSS basic notes (CSS positioning)

Catalogue of series articles Article catalog catalogue Catalogue of series articles Article catalog preface 1, Positioning 1.1 why positioning is needed? 1.2 positioning composition 1.3 static positioning 1.4 relative positioning (important) 1.5 absolute positioning (important) 1.6 origin of Zi Jue Fu Xiang 1.7 fixed positioni ...

Posted by monkey_05_06 on Thu, 23 Dec 2021 14:38:45 +0100

CSS - positioning exercise (Carousel)

CSS (x) - positioning exercise (rotation chart) preface Before reading this note, you should pay attention to a problem. CSS3 or JavaScript is still needed to complete the effect of image scrolling. What we have been doing now is static pages, and dynamic effects will be added later. The content of this record is based on the previous notes, ...

Posted by willieklein on Wed, 22 Dec 2021 04:11:11 +0100