UNICORN

七、css三大特性 一）继承性 1.特性: 子元素会自动拥有父元素的某些css属性；继具有传递性，一代传一代(子承父业) 2.可以继承的常见属性: *color *font...

六、元素显示三大模式 1.行内元素： 属性：display：inline 显示特点： ①行内元素只能容纳文本或者其他行内元素。 ②宽度只与内容有关。 ③和其他元素都在一行上...

五、背景相关属性 一）背景颜色 属性名: background - color ( bgc ) 属性值: 颜色取值:关键字、 rgb 表示法、 rgba 表示法、十六进制…...

四、选择器进阶 一）后代选择器：空格 作用:根据 HTML 标签的嵌套关系,选择父元素后代中满足条件的元素（在选择器1所找到标签的后代(子、孙子、重孙子.)中,找到满足选择...

三、字体和文本相关样式 一）字体样式 1.字体大小：font-size 取值：数字+ px（单位） 注意点： *谷歌浏览器默认的字体大小是16px *必须加上单位 2.字体...

二、基础选择器 选择器的作用：选择页面中对应的标签（找他），方便后续设置样式（改他） 一）元素选择器（标签选择器） 作用：选中页面中所有与该标记名相匹配的元素，并运用统一样...

一、css概述 一）基础认知css 1.CSS(Cascading Style Sheets) 2.中文：层叠样式表 3.作用：用于定义HTML文档的样式 4.主要发展历程...

七、列表标签 一）列表的应用场景 场景：在网页中按照“行”展示关联性的内容，如：新闻列表、排行榜等； 特点：按照“行”的方式，整齐显示内容 种类：无序列表、有序列表、自定义...

六、链接标签（a标签) 一）介绍 1.使用场景： 点击之后从一个页面跳转到另一个页面 2.别名: a标签、超链接 3.代码格式： 4.特点： 1）是双标签，中间可以包裹内容...

五、媒体标签 一）图片标签（< img >) （< img src="" alt=""><标记名 属性>） 1.图片标签的src属性 属性名：src； 属性值：目标图片的路...

四、排版标签 一）标题标签（h1-h6） 1.使用场景： 常用于新闻和文章的页面中，用标题标签来突出文章主题 2.代码格式： 一级标题： 显示： ​ 1级标题 ​ 二级标题...

三、HTML语法规范 一）html标签的注释 注释内容（阅览中不会显示） 显示：<！-- --> 快捷键：ctrl +？ 描述代码的功能，浏览器解析的时候会忽略掉不做显示 ...

二、HTML概述 一）基础认知HTML 1.HTML（HyperText Markup Language） 2.中文：超文本标记语言 3.作用： 专门用于网页开发的语言，主...

一、网页的基础认知 目标：认识网页组成和五大浏览器，明确Web标准的构成，使用HTML骨架搭建出一个网页 一）认识网页： 1.网页的基本组成部分：文字、图片、音频那个、视频...

表格标签 一、表格的基本标签 场景：在网页中以行+列的单元格的方式整齐展示数据 基本标签： table 表格整体，可用于包裹多个tr ；tr 表格每行，可用于包裹td ；t...

视觉格式化模型 视觉格式化模型的三种定位体系：常规流、浮动、绝对定位。 任何一个元素都必须属于其中的某一种定位体系。不同的定位体系中，元素在包含块中的尺寸和位置会有一些差异...

讲解了HTML中的搜索框input标签的相关内容，包含了文本框、密码框、单选/多选、按钮等，还拓展了select下拉菜单、文本域标签、以及label绑定内容的用法等。...

有序列表(ol)、无序列表（ul）、自定义列表（dl），其中前两者里面包含的内容都用<li>包裹，而（dl）中则用<dt>（标题）和<dd>（内容）。列表中的数字、圆圈等皆...

HTML排版标签、文本格式化标签、媒体标签和链接标签，包括了htmlzh中的插入<p>、换行<br>、添加水平线<hr>；字体的加粗，斜体，下划线等文本样式；如何让插入图片...