- 博客(9)
- 收藏
- 关注
RSS订阅原创 HTML学习（八）
差缺补漏盒子水平垂直居中方法二级目录三级目录盒子水平垂直居中方法1、盒子的宽高已知用绝对定位（absolute）来实现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=
2021-06-11 09:56:04
56
原创 HTML实训
设计一组按钮分别实现以下功能。要求： 整个div宽度330px，上边距为25px，居中。每一个按钮要求：宽100px高100px背景颜色：#3498db字体颜色：#ffffff边框为2px的白色实线上边距为10px左边距为5px悬浮状态时鼠标显示的是手的形状。鼠标悬浮状态时，各个按钮的样式如下：注意： 所有的效果都要有过渡动画高亮：背景颜色为白色，字体颜色：#3498db。淡出：字体颜色：#009999，透明度为0.5。放大：字体颜色：#009999，边框颜色：#0099
2021-06-10 17:01:53
304
原创 HTML学习（七）
从前两天开始，我们步入了JavaScript的学习，以下内容是今天学习内容的总结。JavaScript学习引入方式内嵌式内部式外部式流程控制分支结构循环结构输出方式函数数组DOM操作引入方式跟CSS文件方式一样，分为以下三种引入方式：内嵌式即在标签内部直接进行设置。内部式用<script>...</script>格式进行引入。外部式创建一个JS文件，要用时直接引用即可。流程控制分支结构（1）if语句语法结构：if（判断条件1）{语句1；}else
2021-06-07 23:51:01
253
2
原创 HTML学习（六）
此篇博客主要是补前两天的内容。JavaScript的对话框有以下三种：警示对话框alert()使用alert()，浏览器可以弹出一个警示框。alert()中可以填写数字，填写文本和字符的时候需要加引号，该提示框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。语法：alert("提示内容。")实例：确认对话框confirm()确认对话框弹出一个使用确认框消息框可向用户问一个“是”或“否”问题，并且用户可以选择单击“确定”
2021-06-07 23:09:11
67
原创 HTML学习（五）
CSS续CSS动画基础2D转换动画CSS动画基础2D转换2D转换就是改变标签在二维平面上的位置和形状。移动语法：transform:translate(x,y);transform:translateX(n);transform:translateY(n);x代表在水平方向上移动，y代表在竖直方向上移动。实例：1、没有设置移动以前的实现效果如下：2、设置为transform:translate(x,y)实现结果如下：3、设置为transform:translateX(n)实
2021-06-04 20:55:55
46
原创 HTML学习（四）
CSS（续）文本样式字体样式背景样式超链接样式盒子模型简介组成区域内边距区域边框区域外边距区域定位相对定位绝对布局浮动文本样式属性作用color设置文本颜色text-align设置文本水平对齐方式line-height设置文本的行高text-align的值有如下几种：center——居中对齐left——向左对齐right——向右对齐字体样式属性作用font-family设置字体类型font-size设置字体大小
2021-06-03 22:54:42
105
原创 HTML学习（三）
HTML学习一、表单简介常用表单元素实例二、CSS样式简介语法结构注释引入方式选择器实例一、表单简介HTML表单（form）是HTML文档中的一个区域，包含了一系列的可交互元素。表单主要用于收集用户输入的信息。常用表单元素（1）文本输入元素定义用于文本输入的单行输入字段。格式：<input type="text"/>（2）单选框元素单选按钮允许用户在有限数量的选项中选择其中之一。格式：<input type="radio"/>（3）复选框元素复选按钮允许用户在
2021-06-02 21:41:36
113
原创 HTML学习（二）
一、列表元素分类：1、有序列表2、无序列表3、自定义列表有序列表（1）使用数字进行标记（2）列表开始标签为ol（3）列表项标签li<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq
2021-06-01 21:23:38
96
原创 HTML学习（一）
近期开始进行实习实训，训练的主要是HTML、CSS和JS。通过此博客记录一下此次实训的学习及收获。HTMLHTML快速入门表单元素及表格元素表单元素表格元素List item一级目录二级目录
2021-06-01 21:22:42
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人