HTML+CSS notes, which will be continuously updated later~
HTML
First HTML page
<!--
1.This is HTML Notes for
2.Add the first line of the following code HTML5 Grammar, remove to indicate HTML4.0
3.HTML Case insensitive, loose and lax syntax
-->
<!doctype html>
<!--root-->
<html>
<!--head-->
<head>
<!--Page title, displayed in the upper left corner of t ...
Posted by Ravenous on Sat, 15 Jan 2022 02:07:20 +0100
Detailed explanation of transition attribute in css3
Some simple animation transition effects can be realized through the transition attribute in css3~
1. Grammar
transition: property duration timing-function delay;
The transition attribute sets the transition effect of the element. It is a composite attribute, including four short attributes:
Transition property: Specifies the name of the CS ...
Posted by Retired Bill on Fri, 14 Jan 2022 17:28:17 +0100
BootStrap framework module: BootStrap 4 Foundation
Introduction to BootStrap
Bootstrap It is the most popular front-end open source tool library in the world. It supports Sass hybrid, responsive matrix system and its own library component and component JavaScript. Bootstrap provides powerful functions that enable you to quickly design and customize your website.
Use Bootstrap CDN and one of ...
Posted by TransmogriBenno on Fri, 14 Jan 2022 10:50:46 +0100
Learn the front end from scratch: CSS font properties and text properties - did you learn today? (Day08)
Learn the front end from scratch: CSS font properties and text properties - did you learn today? (Day08)
review: Learning front end from scratch: CSS introduction - did you learn today? (Day07)
preface
Here's a question for you. What are the shortcut keys to display the code in the current view? I felt very basic at first, but when I used ...
Posted by kylera on Fri, 14 Jan 2022 06:11:46 +0100
CSS learning notes
1, What is CSS?
CSS refers to cascading style sheets, also known as cascading style sheets.Advantages of css: Separation of content (HTML) and presentation (CSS); The structure of web pages is unified and can be reused; The style is very rich; html independent css files are recommended.
2, Three ways to import CSS
Inline styleInternal ...
Posted by echelon2010 on Thu, 13 Jan 2022 00:08:17 +0100
CSS performance optimization
What are the ways to improve performance?
1. merge css File, if 10 pages are loaded css file,1 per file k，Then it's better than loading only one 100 k of css File slow.
2. reduce css Nesting, it is best not to nest more than three layers.
3. Don't be ID Nested in front of the selector, ID It is unique and has a large permission value. Nesting ...
Posted by suomynonA on Wed, 12 Jan 2022 12:23:50 +0100
CSS3 basic properties first module
Learning objectives
Understand what CSS isMaster the simple use of CSSMaster the methods and key points of CSS style creation and introductionMaster the key points of CSS backgroundMaster the style and key points of CSS textMaster the style and key points of CSS connection
CSS introduction
What is CSS
CSS refers to cascading style she ...
Posted by daverico on Wed, 12 Jan 2022 11:17:08 +0100
Tip for front-end html - Center html horizontally and vertically
Today, let's share the tips of "front-end HTML" - html is centered horizontally and vertically "This article is introduced in detail according to the example code. It may have a certain reference space and use value for everyone's programming. Friends in need will learn from Yunnan Qianlong Mark. Recently, I have encountered many ...
Posted by Adam_28 on Wed, 12 Jan 2022 04:35:49 +0100
web front end: Javascript learning notes and jQuery library operations
Reading Guide: JavaScript (JS for short) is a lightweight, interpretive or just in time programming language with function priority. Although it is famous as a scripting language for developing web pages, it is also used in many non browser environments. JavaScript is a dynamic scripting language based on prototype programming and multi par ...
Posted by sglane on Mon, 10 Jan 2022 21:38:18 +0100
CSS of front-end Basics (floating, web page layout, height collapse, clear and clearfix, positioning)
1, Introduction to floating
a. Floating allows an element to move to the left or right of its parent element
b. Use the float attribute to set the float on the element Optional values: none is the default, and the element does not float The left element floats to the left The right element floats to the right
c. Note that after the eleme ...
Posted by Balu on Mon, 10 Jan 2022 15:59:57 +0100