(1)HTML标签 整个网页是从html这里开始的，然后到/html结束。 (2)head标签 head标签代表页面的头，定义一些特殊内容，这些内容往往都是不可见内容（在浏览器不可见）。 （3）body标签 bo

HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网

HTML中不区分大小写，但是我们一般都使用小写 HTML中的注释不能嵌套、 HTML标签必须结构完整，要么成对出现，要么自结束标签 HTML标签可以嵌套，但是不能交叉嵌套 HTML标签中的属性必

（1）HTML无序列表 1.1无序列表基本语法 无序列表通过 ul 标签表示，每个列表项使用 li 标签来定义。 1.2自定义无序列表样式 利用CSS可以自定义无序列表的样式，包括符号类型、颜色和

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签来设置。 （

1.基本标签（非meta标签） !--title: 定义网页标题-- title Title / title !--style: 定义内部样式表. 内部用来书写css代码-- style h1 { color : greenyellow ; } / style !--script: 内部用来书写js代码-- script al

1. HTML语义化 1.1 body标签介绍 body中的标签是会显示到浏览器窗口中的 body内的标签只有一个作用就是用来标记语义的，语义指的是从字面意思就可以理解被标记的内容是用来做什么的 虽

1. 格式排版标签 br/ 换行标签，完成文字的紧凑显示。可以使用连续多个 br/ 标签来换行 hr/ 水平分割线标签，用于段落与段落之间的分割 p/p 段落标签,里面可以加入文字,列表,表格等.

基本结构标签: HTML,表示该文件为HTML文件 HEAD,包含文件的标题,使用的脚本,样式定义等 TITLE---/TITLE,包含文件的标题,标题出现在浏览器标题栏中 /HEAD,HEAD的结束标志 BODY,放置浏览器中显示

# HTML基础 HTML结构 认识HTML标签 :zap: HTML代码是由标签构成的，如： body hello / body HTML文件基本结构 html head title 第一个页面 / title / head body hello world / body / html :cloud: HTML标签是整个HTM

使用方式 看名称效果图，有没有和自己想要的效果类似的 有的话，复制粘贴代码使用 也可以自己修改一下 css效果并不是特别难，只是有时候我们可能想不到 笔者空闲时间，会继续更

CSS3引入了画布（Canvas）的功能，使得开发者可以在网页中绘制各种图形和动画效果。下面我们来介绍一些使用画布的方法。首先，需要一个画布元素。通过HTML标签 canvas 创建，需要指定

一、选择器进阶 后代选择器：空格（可以选择后很多代，儿子，孙子，重孙子都可） 语法：选择器1 选择器2{css}head style div p { color:red; } /style/headbody div pdiv的儿子p标签/P /div/body 子代选

【1】分组 !DOCTYPE html html lang=en head meta charset=UTF-8 titleTitle/title style div { color: red; } p { color red; } span { color: red; } /style /head body div这是div标签/div p这是p标签/p span这是span标签/span /body /htm

1 伪类 我们可以使用 CSS 伪类结合选择器来基于状态对元素进行样式化，比如之前提到过的 :hover ，其实就是鼠标放在一个元素上时的元素状态。 1.1 使用 CSS 伪类其实就是使用 : 开头的

【1】什么是弹性布局 随着技术的发展，那么在当前市场上，安装浏览器的客户端越来越多，设备也越来越多，所以CSS提供的布局，不仅应用于PC端，还可以应用于移动端设备 例如：w

标准盒子模型：内容+内边距+边框+外边距 特点，会撑开容器。内边距和边框都是往外取延申，内容的区域大小不变 怪异盒子模型：内容+内边距+边框+外边距 box-siziing：beber-box 开启。

1 CSS页面布局概述 1.1 概述 在进行页面布局时主要考虑以下几方面： （1）要有整体意识。 （2）从外向内，层层递进。 （3）模块化。 （4）命名规则。 实现网页的页面布局一般有三种

一、什么是媒体查询 CSS 媒体查询为你提供了一种应用 CSS 的方法，仅在浏览器和设备的环境与你指定的规则相匹配的时候 CSS 才会真的被应用，例如视口宽于 480 像素的时候。媒体查询

自适应网站 在现代Web开发中，自适应设计是一项非常重要的技能。随着越来越多的用户使用移动设备浏览网站，让网站自适应不同屏幕尺寸已经成为了一项基本的要求。在CSS中，我们可

! DOCTYPE html html lang = en head meta charset = UTF-8 / meta http-equiv = X-UA-Compatible content = IE=edge / meta name = viewport content = width=device-width, initial-scale=1.0 / title 151.3d魔方 / title / head link rel = stylesheet h

! DOCTYPE html html lang = en head meta charset = UTF-8 meta http-equiv = X-UA-Compatible content = IE=edge meta name = viewport content = width=device-width, initial-scale=1.0 title Document / title style img : hover { transform : scale (

css特效字体悬浮 CSS是一种用来美化网页的语言。在网站设计中，悬浮效果是一个重要的设计元素，能带给用户更好的交互体验。那么我们如何使用CSS实现悬浮效果呢？ 代码示例： ! D

Css立体特效小项目 ! DOCTYPE html html lang = en head meta charset = UTF-8 meta http-equiv = X-UA-Compatible content = IE=edge meta name = viewport content = width=device-width, initial-scale=1.0 title Document / title link rel = styl

CSS，HTML小项目 这次给大家带来如何使用css3实现3d立体特效，使用css3实现3d立体特效的注意事项有哪些，下面就是实战案例，一起来看一下。 其实css3中提供了很多让我们实现非常炫酷的