CSS Basics: day 1
css style rules:
selector{Attribute 1: attribute value 1; Attribute 2: attribute value 2;}
p{font-size:10px; color: red;}
Strictly case sensitive, but attributes and values are not case sensitive, but are generally lowercaseA semicolon in English is required between multiple attributes; Separation, the last one can be omittedIf the attrib ...
Posted by BSlepkov on Fri, 29 Oct 2021 16:45:28 +0200
Web design web page planning and Design: enterprise electronic website design - simple electronic product company official website template (5 pages) HTML+CSS+JavaScript
HTML5 final assignment: animation website design - simple electronic products company official website template html(5 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code
Common web design topics include individuals, food, com ...
Posted by PcGeniusProductions on Thu, 28 Oct 2021 12:51:30 +0200
Horizontal and vertical centering
In the development process, it is inevitable that all kinds of centers, block level, intra row level, fixed height, variable height, vertical, horizontal or horizontal vertical center. We'll sort out the implementation schemes and which scheme should be selected in the development. So that it can be used more conveniently in the future.
horizo ...
Posted by anoopmail on Wed, 27 Oct 2021 06:24:55 +0200
CSS background properties with notes
CSS background properties
The CSS background attribute is used to define the background of HTML elements.
CSS attribute defines the background effect:
background-color background color
background-image Background picture
background-repeat ...
Posted by wilburforce on Mon, 25 Oct 2021 08:09:57 +0200
HTML5 final assignment: green environmental protection website design (10 pages) with flash animation and background sound HTML+CSS+JavaScript
HTML5 final assignment: green environmental protection website design (10 pages) with flash animation and background sound HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design college students complete web page design source code HTML
1. Near the end of the term, you are still des ...
Posted by jgires on Tue, 19 Oct 2021 21:39:16 +0200
CSS (box collapse problem)
1, Box collapse problem
1. Problems
There are two nested DIV boxes. There is a sub box in the parent box. You want to have a gap between the upper margin of the sub box and the parent box, but the outer margin added to the child element has no effect. The effect is displayed on the parent element. For example:
Given two DIV boxes, the pa ...
Posted by agnaldovb on Fri, 15 Oct 2021 19:56:05 +0200
What's new in HTML5
1. Semantic label
Header, NAV, section, aside, artificial and footer are all double tags
/*Structure code*/
<header>
<nav>navigation bar</nav>
< /header>
< section>
aside>sidebar < /aside>
<article>Independent content block</article>
</ section>
< footer>tail</ footer>
/*The ...
Posted by skyriders on Wed, 13 Oct 2021 00:21:12 +0200
Bug - display problem of inline block elements
Found Bug
Today, when making flex layout, I introduced four inline elements span into the parent element to test the related attributes of flex. The code is as follows. I originally wanted to put four spans in the box, because it is reasonable to put exactly four spans, but the actual effect is not so.
<!DOCTYPE html>
<html lang ...
Posted by cr55dan on Tue, 12 Oct 2021 00:42:13 +0200
Vue3 official website - Accessibility basics, semantics (forms, labels, Aria label, Aria labeled by, Aria describedby, buttons), standards, resources
Vue3 official website - Accessibility (21) basics, semantics (forms, labels, Aria label, Aria labeled by, Aria describedby, buttons), standards, resources
Summary:
1. Foundation
Web accessibility (also known as a11y) refers to the practice of creating a website that can be used by anyone - whether it's someone with some barrier, ...
Posted by iBlizz on Fri, 08 Oct 2021 06:04:50 +0200
CSS basic syntax and the use of selectors
How to use CSS
Inline style (Lnline Style)
Inline style: written directly in the properties of the label.
<p style="color:red;">This is an inline style display!</p>
Internal style sheet
Internal style sheet: define CSS styles in the page by adding < style > < / style > tags to < head > tags.
<head& ...
Posted by sheraz on Thu, 07 Oct 2021 17:43:53 +0200