//JerryWeb
//20150602
//HTML | CSS | Basic
======== HTML&CSS_Basic_01=======
#html should remain semantic and maintain a beautiful and clear structure even without css .
em, strong means emphasis | span has no semantics, set a separate style | q quote | blockquote long text quote | br / | address address | pre multi-line original text display
table tbody tr row td column th table header | img alt: Download failed text title: Prompt text
#form form, method: post|put to complete the interaction with the backend. Generally, there is label input under the form tag,
#input -> type: text|password|radio |checkbox|submit | reset… |
Value:
#fixed css link & lt; link href = "path/style.css" rel = "styleSheet" type = "text/css" & gt;
#CSS Form, inline, head style tag internal link, link css external link, and there is a principle of proximity, the priority is high
#Tag selector, among which the class selector can be used multiple times, group, and the ID selector can only mark once.
#Sub-selector: .food>li (Use > to select only the first sub-tag)
.food span (can be used for all with spaces) span tag)
#Pseudo-class selection a:hover
#Determine the order based on weight! Tag 1 class 10 id 100
# 2em represents 2 times the font-size unit
#line-height: 1.6em;border:1px solid red;font-family:Yahei;font-weight:bold; font-style:italic;text-decoration:underline|line-through
#text-indent:2em;letter-spacing:50px;word-spacing:50px;text-align:center| L | R

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Atom editor mac version download
The most popular open source editor

Notepad++7.3.1
Easy-to-use and free code editor

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.