HTML
文章平均质量分 81
活胶力
这个作者很懒,什么都没留下…
展开
-
HTML学习笔记(9)-CSS3动画
目录1. CSS3动画1.2 变形1.2.1变形函数1.3 过渡1.4 动画1.4.1使用关键帧 1. CSS3动画 使用css3的动画能够通过原生的css实现页面动态效果。老旧的浏览器不支持CSS3的大部分属性。 1.2 变形 变形由一些列的函数构成。 transform:函数(); 1.2.1变形函数 translate: 平移 scale: 缩放 rotate:旋转 skew:倾斜 不同函数使用之后的效果是不同的。 平移 translateX(x) /*仅横向平移*/ translateY(y)原创 2021-07-07 20:59:37 · 307 阅读 · 0 评论 -
HTML学习笔记(8)-定位
目录1. 定位1.2static1.3 相对定位1.4 绝对定位1.5固定定位 1. 定位 使用了定位的元素,理论上能够使元素在页面中任意位置得到展示。值得注意的是,定位只能针对块元素来做。 定位属性通过position实现。指定了定位的元素结合left,right,top,bottom4个方向设置坐标。 static,默认值,元素没有定位 relative,相对定位 absolute,绝对定位 fixed,固定定位 1.2static 元素没有定位;根据标准文档流,元素按照从上到下,从左往右的方式一次原创 2021-07-07 20:57:49 · 236 阅读 · 0 评论 -
HTML学习笔记(7)-浮动
目录1. 浮动1.2 标准文档流1.3 float1.4 浮动之后的元素父级容器高度塌陷的问题1.5 溢出处理 1. 浮动 在以前的网页中对页面布局需要用到浮动相关的知识点。 1.2 标准文档流 一个网页由N个html标签组成。每个标签都具有其默认的样式及特性。 大多数的标签都是由块级元素和内联元素组成。 块元素独占一行显示,能够设置其宽高、盒子模型等相关属性,块元素的宽度默认继承父级容器宽度的100%。 内联元素默认横向排列,如果父级容器的宽度不足时才会换行显示。内联元素的宽高为auto * auto;原创 2021-07-07 20:55:38 · 199 阅读 · 0 评论 -
HTML学习笔记(6)-盒子模型
目录1. 盒子模型1.1 外边距1.1.1 通过外边距设置盒子在父级元素中水平方向居中显示1.2 边框1.2.1 边框的风格1.2.2 按方向缩写1.2.3 4个方向相同的边框1.3 内边距1.4 计算盒子模型在网页中的实际宽高1.5 box-sizing1.5 css3 边框圆角1.5.1 利用圆角边框绘制圆形1.5.2 利用圆角边框绘制半圆1.5.3 利用圆角边框绘制扇形1.6 盒子阴影 1. 盒子模型 在对网页的布局过程中,盒子模型是最常见的一种操作方式。 一个网页中标签默认有两类:块元素和内联元素。原创 2021-07-07 20:53:12 · 579 阅读 · 0 评论 -
HTML学习笔记(5)-CSS选择器补充
CSS 目录CSS选择器补充CSS3伪元素1. 字体样式2. 文本样式colortext-aligntext-indentline-heighttext-decorationvertical-aligntext-shadow3. 伪类样式4. 列表样式list-style-typelist-style-imagelist-style-position5. 背景background-colorbackground-imagebackground-repeatbackground-positionbackgro原创 2021-06-27 17:35:07 · 489 阅读 · 0 评论 -
HTML学习日记(4)- CSS选择器
CSS选择器 目录CSS选择器1. 使用CSS2. 行内样式3. 内部样式和外部样式行内样式、内部样式、外部样式的优先级4. 基础选择器标签选择器类选择器ID选择器三种基本选择器的优先级5. 层次结构选择器后代选择器子选择器相邻兄弟选择器通用兄弟选择器6. 结构伪类选择器7. 页面的标准文档流8. 属性选择器E[attr]E[attr='value']E[attr^="value]E[attr$="value"]E[attr*="value"]9. CSS3伪元素 在学习了HTML基本的标签之后,大多数的标原创 2021-06-27 17:30:08 · 167 阅读 · 0 评论 -
HTML学习日记(3)-HTML表单和表单元素
表单和表单元素 在网页中,为了能够接收到用户输入的信息(用户名,密码,邮箱,手机等)。 <form> <!--编写html代码以及表单元素--> </form> form没有特殊的效果,只是语义上的表单标签。 编写在form标签之内,用于接收用户信息的标签称为表单元素。表单元素有很多种。最常见的有文本框、密码框、单选、复选、下拉菜单、文件域,隐藏域。 将表单中的表单元素的数据传递给服务器的过程称为提交表单。 form表单的属性: action: 当用户提原创 2021-06-26 12:27:38 · 332 阅读 · 0 评论 -
HTML学习日记(2)-HTML基础列表、表格、媒体元素、html5元素
列表、表格、媒体元素、html5元素 列表 在网页的布局中,经常需要使用列表对数据进行展示。 通过列表展示的数据更有结果性,条理性,能够使用户更容易发现自己关注的信息。 列表的分类: 无序列表 有序列表 定义列表 无序列表 使用无序列表时,列表中每一项是一种并列,没有顺序的含义。 <!--一个无序列表--> <ul> <li>列表项1</li> <li>列表项2</li> ... <li>列表项n<原创 2021-06-26 11:52:01 · 612 阅读 · 0 评论 -
HTML学习日记(1)-HTML基础标签
文章目录前言一、工作原理?二、开发工具三、网页的基本结构1.双标签2.单标签四、标题标签1.标题标签的特点四、段落标签五、 文本换行标签六、水平线标签七、字体样式标签八、图像标签九 网页中的特殊符号十、超链接标签1. 文本超链接超链接2. 图片超链接3. 锚链接4. 功能链接 前言 HTML是超文本标记语言,一个html的文件就是一个网页,一个网页由标签组成。 学习HTML最开始的时候就是学习并记忆HTML标签的语法、效果、语义。 语法: 标签的代码怎么写 效果: 浏览器渲染标签后的默认效果(可以..原创 2021-06-26 11:27:02 · 527 阅读 · 0 评论