导图社区官网课件

官网课件

官网课件，在<head>部分，介绍了文档类型声明、字符编码声明、<title>元素用于定义网页的标题，以及其他可能的元素如链接到外部资源的<link>标签。<body>部分包含了网页的主体内容，如<h1>标签定义的主标题、段落（<p>）、图像（<img>以及相关的输入元素如<input>、<textarea>和<button>）。此外，还介绍了ID、Class等属性，以及CSS样式的内联、内部和外部使用方式。

编辑于2024-06-03 19:23:04

教学软件
官网课件

他的近期作品查看更多>>

官网课件
官网课件，在<head>部分，介绍了文档类型声明、字符编码声明、<title>元素用于定义网页的标题，以及其他可能的元素如链接到外部资源的<link>标签。<body>部分包含了网页的主体内容，如<h1>标签定义的主标题、段落（<p>）、图像（<img>以及相关的输入元素如<input>、<textarea>和<button>）。此外，还介绍了ID、Class等属性，以及CSS样式的内联、内部和外部使用方式。

官网课件

社区模板帮助中心，点此进入>>

他的近期作品查看更多>>

官网课件
官网课件，在<head>部分，介绍了文档类型声明、字符编码声明、<title>元素用于定义网页的标题，以及其他可能的元素如链接到外部资源的<link>标签。<body>部分包含了网页的主体内容，如<h1>标签定义的主标题、段落（<p>）、图像（<img>以及相关的输入元素如<input>、<textarea>和<button>）。此外，还介绍了ID、Class等属性，以及CSS样式的内联、内部和外部使用方式。

相似推荐
大纲

互联网9大思维
- 33.8k
- 906
- 2.4k
- 390
MindMaster
组织架构-单商户商城webAPP 思维导图。
- 14.6k
- 3
- 184
- 10
Kacyun
域控上线
- 1.6k
- 162
- 11
- 4
jackrao
python思维导图
- 5.4k
- 523
- 242
- 7
(*^▽^*)
css
- 1.2k
- 1
- 43
- 3
A张舫
CSS
- 3.2k
- 261
- 188
- 33
journey
计算机操作系统思维导图
- 4.2k
- 333
- 203
- 18
journey
计算机组成原理
- 1.5k
- 97
- 70
- 8
journey
IMX6UL(A7)
- 511
- 40
- 5
- 0
Handler XU
考试学情分析系统
- 680
- 50
- 10
- 1
蒋龙

官网课件

技术知识点

html

HTML 基础

HTML 文档的基本结构：

<!DOCTYPE html> <html> <head> <title>示例页面</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html>

<!DOCTYPE html>: 声明文档类型，告诉浏览器使用 HTML5。 <html>: 根元素，包含整个 HTML 文档。 <head>: 包含文档的元数据，如字符编码和标题。 <title>: 网页的标题，显示在浏览器标签上。 <body>: 包含网页的主体内容，如文本、图像和链接。

常用标签

标题标签：<h1> 到 <h6>

分割标签：<div>,是一个特殊的元素，可以让你在网页上把类似的内容集合起来。

段落标签：<p>，独占一行

行内标签：<span>，一行内有多个行内标签

链接标签：<a>，<a href="#">小米官网</a>，用于跳转页面

图像标签：<img>，存放图片

列表标签：<ul>、<ol> 和 <li>

表格标签：<table>、<thead>、<tbody>、<tr>、<td>

表单标签：<form>、<input>、<textarea>、<button>

HTML 属性

id、class、style、title、data-* 等。

<p id="paragraph1" class="text" style="color:red;">这是一个带有属性的段落。</p>

HTML5 新特性

语义化标签

<header>、<nav>、<section>、<article>、<aside>、<footer>

多媒体元素

音频标签：<audio>

视频标签：<video>

css

CSS样式表的使用方式

内联方式

将样式定义在元素的style属性里

语法

<div style="样式声明;样式声明;">

样式声明

属性名:属性值

<p style="color:red;backgrond-color:yellow;"></p>

特点

只针对一个元素有效

不通用，无法提高可重用性和可维护性

内部样式方式

将样式定义在页面<style></style>中

<head> <style></style> </head>

<style></style>中允许包含若干样式规则

样式规则

选择器

规范页面中哪些元素能够使用定义好的样式

样式声明

属性:值

特点

在一个页面中能够提升可重用性和可维护性

外部样式方式

步骤

创建一个单独的样式表文件用来保存样式规则

纯文本文件，文件后缀为.css

该文件中只能包含样式规则

新式规则由选择器和样式声明组成

在需要使用该样式表文件的页面上，使用<link>元素链接外部样式表文件

<link rel="stylesheet" type="text/css" href="css样式表URL">

允许将样式定义在外部的的样式表文件中

CSS样式表特征

继承性

大多数CSS的样式属性是可以被继承的

例如： color font font-family font-size text-align

层叠性

可以为一个元素定义多个样式规则

样式属性不冲突时，多个样式表中的样式可以层叠为一个

优先级

样式定义冲突时，会按照不同使用方式的优先级来应用样式

浏览器缺省设置

外部样式表和内部样式表

就近原则

内联样式

!important

可以显示的调整样式规则的优先级

语法

属性：值 !important;

jquery

修改 html 内容

$("...").html(["html代码片段"])

修改文本内容

$("...").text([“文本内容”])

清除内容

$("...").empty()

添加元素

$("...").appendTo("body");

删除

$("...").remove()

显示

$("...").show()

隐藏

$("...")hide()

动画

$("...").animate(styles, speed, easing, callback);

说明

styles：一个对象，定义了动画的 CSS 属性和目标值。

speed（可选）：动画的持续时间，可以是 "slow", "fast" 或毫秒数值（如 400）。

easing（可选）：规定要使用的缓动函数，如 "linear" 或 "swing"。需要注意的是，这些缓动函数可能需要 jQuery UI 或其他插件的支持。

callback（可选）：在动画完成后执行的函数。

介绍官网商城官网

官网地址：https://www.mi.com/shop

黑色导航内容

白色导航内容

banner 内容

广告模块内容

手机模块

家电模块

视频模块

页脚

项目总结

项目要点总结

所有标签

div、a、ul + li、i、p、span

CSS样式

选择器优先级

浮动与定位

滑动门

过渡与动画

盒子大小的计算

字体图标