Learn WEB front end from scratch - advanced WEB page - HTML5+CSS3

📓 Project introduction First introduce yourself. I'm a back-end programmer who doesn't write the front-end, so I teach myself the front-end 🙇. In this project, I will work with you to learn the front-end from the zero foundation. From the perspective of back-end programmers, the front-end is limited by the author's level. This project will ...

Posted by AKA Panama Jack on Fri, 18 Feb 2022 20:54:49 +0100

position attribute of css

definition The position attribute is used to specify the position of an element on the web page. It is mainly described through three dimensions: benchmark, whether to take off the mark and occupy the position, and whether to set the margin. There are five positioning methods: static, relative, absolute, fixed and sticky. Before talking about ...

Posted by magi on Fri, 18 Feb 2022 05:07:03 +0100

10 minute quick start Vue3 transition animation

Hello, I'm A bowl week , a front end that doesn't want to be drunk. If you are lucky enough to get your favor, I am very lucky~ Write in front In actual development, in order to increase the user experience, transition animation is often used, and transition animation is through CSS transition and animation Implemented. In Vue, some compone ...

Posted by possiblyB9 on Wed, 16 Feb 2022 14:31:39 +0100

WEB Development Foundation--Advanced CSS3 Learning

This article is for advanced knowledge point HTML5 learning, for my own notes while learning, but also for beginners. Your favorite friends can watch out and follow up with JavaScript, TypeScript, vue2.0, vue3.0 and a series of front-end learning articles such as the uni framework. (strong people don't like to detour, my heart is fragile, don't ...

Posted by magaly on Sat, 12 Feb 2022 18:17:50 +0100

Basic knowledge of HTML+CSS

origin HTML(1993.6~2013.5.6) W3C (World Wide Web Consortium) was established in 1994 (neutrality) Shortcuts & basic labels To get the empty style CSS, click me Run: Ctrl+r Completion syntax: Tab Label: < H1 > ~ < H6 > Paragraph: < p ></p> Line feed:</br> Horizontal line: < / HR > Bold: < strong > ...

Posted by ardyandkari on Sat, 12 Feb 2022 17:56:26 +0100

Basic knowledge points of css3

I reviewed it again from html. Today I will mainly review css3, sort out some common knowledge points, and update js, jq, vue, react, etc CSS3 is the latest CSS standard. CSS3 border Border radius: used to create fillets Box shadow: used to add shadows Border image: creates a border using a picture CSS3 background Background image: a ...

Posted by Kain Elderan on Sat, 12 Feb 2022 10:36:38 +0100

Web Components series - create Custom Elements

preface According to the previous introduction, we know that custom elements can be divided into two categories according to whether they inherit basic HTML elements or not“ Autonomouscustom elementsCustomized built-in elements This raises a question: what is the difference between the two in use? Let me try to explain this problem ...

Posted by henkealf on Thu, 10 Feb 2022 00:45:18 +0100

CSS3 - Section 2 CSS3 transition and 2D conversion

CSS3 transition and 2D conversion 1.3 transition Using transitions allows you to change the style of an element from one state to another Syntax: transition: The attributes to transition take time. When does the motion curve begin; If there are many attributes that you want to transition, you can use all Motion curve: linear: uniform speed ...

Posted by embsupafly on Wed, 09 Feb 2022 18:35:52 +0100

Anaconda's installation and use

1, Download Anaconda Official website address: https://www.anaconda.com/ Download steps 1. Click Get Started 2. Click Download Anaconda installers 3. Select the corresponding system 4. Select the number of digits corresponding to the system 2, Install Anaconda 1. Find the downloaded installation package and right-click to run as ...

Posted by danf_1979 on Wed, 09 Feb 2022 07:08:24 +0100

Front end basics Chapter 8 - CSS

preface❤️ In order to illuminate the night sky, the stars stand high in the sky ❤️ 1, CSS Chapter 8 (1) 2D conversion one ️⃣ Transformation is one of the subversive features in CSS3, which can realize the effects of element displacement, rotation, scaling and so on; two ️⃣ transform can be simply understood as deformation: Move: transl ...

Posted by sheckel on Wed, 09 Feb 2022 00:17:30 +0100