PC end product excellent purchase project
Reprinted from: https://jerry-z-j-r.github.io/2021/02/17/HTML-CSS-Cheat-Sheet-14/ (from JERRY)
Completion: E-commerce - home page, e-commerce - classified list page, e-commerce - registration page E-commerce - Classification List page: E-commerce - registration page:
1, Pinyougou project planning
1.1 website production process
...
Posted by Levan on Tue, 04 Jan 2022 10:09:15 +0100
Learning notes for scoped attribute in Vue
#What is scoped
An attribute in the style tag in vue. Using the scoped attribute can make the style in the tag only act on the elements in the current component.
#Principle of scoped
When it was first used, there were many tags like 'data-v-xxxx' in the html tag and style of page debugging, but I didn't care. After understanding the working ...
Posted by 2005 on Tue, 04 Jan 2022 01:05:37 +0100
CSS knowledge and advanced skills
1. Wizard diagram
1.1 why do I need sprite diagram
Many small background images are often used as decoration in a web page. When there are too many images in the web page, the server will frequently receive and send request images, resulting in excessive request pressure on the server, which will greatly reduce the loading speed of the pag ...
Posted by genix2011 on Mon, 03 Jan 2022 12:36:28 +0100
Layout skills: negative margin, text floating around, inline fast, CSS triangle, CSS initialization
Reprinted from: https://jerry-z-j-r.github.io/2021/02/12/HTML-CSS-Cheat-Sheet-12/ (from JERRY)
1, Application of negative margin value
How to achieve the following effects?
Multiple boxes are close together. When the mouse is placed on one of the boxes, the border of the box will change color automatically. ① Move the margin of each b ...
Posted by jason257 on Mon, 03 Jan 2022 05:14:36 +0100
03_ 01_ Front end basic learning CSS
CSS details - lecturer Lao sun
Course objectives
CSS introductionCombination of CSS and HTMLUse of CSSCSS3 new features
1. Introduction to CSS
1.1 what is CSS?
CSS refers to cascading style sheetsCSS allows us to define how HTML elements are displayed.CSS can let us describe the effects that cannot be described by HTML through CSS.Descri ...
Posted by dinno2 on Mon, 03 Jan 2022 01:54:45 +0100
Go to the front end - HTML
preface
author:get lostのsheep
Share your experience of learning here,I hope I can help my friends at the front end of beginner's school
Become a better front-end developer
If there is a mistake in reading the front-end vegetable chicken in the University, thank you for your correction
DAY1 step into HTML
What is HTML?
HTML Is a markup ...
Posted by russthebarber on Sun, 02 Jan 2022 22:03:05 +0100
Responsive website - media query
1. What is a responsive website Responsive is a technical method of web design, which can make the website have suitable presentation corresponding to different resolutions when browsing on different devices (from desktop computer display to mobile phone or other mobile product devices).
2. Core logic of responsive website Elegant downgrade, c ...
Posted by thessoro on Sun, 02 Jan 2022 20:52:09 +0100
Getting to know CSS section 4
🌹 CSS text
🌸 text color
The color property can be used to set the color of the text. The color is specified by the following values
Color name - e.g. "red"Hexadecimal value - e.g. "#ff0000"RGB value - for example, "rgb(255,0,0)"
example:
<!DOCTYPE html>
<html>
<head>
<style ...
Posted by chowwiie on Sun, 02 Jan 2022 09:35:07 +0100
[rem adaptation layout]
rem adaptive layout
What is 1.0 rem
rem is a relative unit, similar to em, which is based on the font size of the parent elementUnlike em, rem is based on the font size of the entire html pageIf the font size set for the root element is 12px, the font size set for its child element is 2rem; Then the font size is 24px
2.0 media query
Media q ...
Posted by sirstrumalot on Sun, 02 Jan 2022 00:24:01 +0100
[front end tips] several methods of hiding elements with CSS
For more information, please visit my Personal blog.
preface
On the last day of 2021, the epidemic was not completely over, and the Wuhan municipal government also cancelled the cross year activities. Tonight, even the subway is closed at 9 o'clock in advance. Everyone is at home for the new year. No, I'm also at home for the new year. How ...
Posted by melindaSA on Sat, 01 Jan 2022 11:46:10 +0100