HTML学习
文章平均质量分 70
不断充电的兔子
这个作者很懒,什么都没留下…
展开
-
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 · 60 阅读 · 0 评论 -
HTML实训
设计一组按钮分别实现以下功能。 要求: 整个div宽度330px,上边距为25px,居中。 每一个按钮要求: 宽100px 高100px 背景颜色:#3498db 字体颜色:#ffffff 边框为2px的白色实线 上边距为10px 左边距为5px 悬浮状态时鼠标显示的是手的形状。 鼠标悬浮状态时,各个按钮的样式如下: 注意: 所有的效果都要有过渡动画 高亮:背景颜色为白色,字体颜色:#3498db。 淡出:字体颜色:#009999,透明度为0.5。 放大:字体颜色:#009999,边框颜色:#0099原创 2021-06-10 17:01:53 · 307 阅读 · 0 评论 -
HTML学习(七)
从前两天开始,我们步入了JavaScript的学习,以下内容是今天学习内容的总结。 JavaScript学习引入方式内嵌式内部式外部式流程控制分支结构循环结构输出方式函数数组DOM操作 引入方式 跟CSS文件方式一样,分为以下三种引入方式: 内嵌式 即在标签内部直接进行设置。 内部式 用<script>...</script>格式进行引入。 外部式 创建一个JS文件,要用时直接引用即可。 流程控制 分支结构 (1)if语句 语法结构: if(判断条件1){ 语句1; } else原创 2021-06-07 23:51:01 · 259 阅读 · 2 评论 -
HTML学习(六)
此篇博客主要是补前两天的内容。 JavaScript的对话框有以下三种: 警示对话框alert() 使用alert(),浏览器可以弹出一个警示框。alert()中可以填写数字,填写文本和字符的时候需要加引号,该提示框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 语法:alert("提示内容。") 实例: 确认对话框confirm() 确认对话框弹出一个使用确认框消息框可向用户问一个“是”或“否”问题,并且用户可以选择单击“确定”原创 2021-06-07 23:09:11 · 75 阅读 · 0 评论 -
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 · 52 阅读 · 0 评论 -
HTML学习(四)
CSS(续)文本样式字体样式背景样式超链接样式盒子模型简介组成区域内边距区域边框区域外边距区域定位相对定位绝对布局浮动 文本样式 属性 作用 color 设置文本颜色 text-align 设置文本水平对齐方式 line-height 设置文本的行高 text-align的值有如下几种: center——居中对齐 left——向左对齐 right——向右对齐 字体样式 属性 作用 font-family 设置字体类型 font-size 设置字体大小原创 2021-06-03 22:54:42 · 109 阅读 · 0 评论 -
HTML学习(三)
HTML学习一、表单简介常用表单元素实例二、CSS样式简介语法结构注释引入方式选择器实例 一、表单 简介 HTML表单(form)是HTML文档中的一个区域,包含了一系列的可交互元素。表单主要用于收集用户输入的信息。 常用表单元素 (1)文本输入元素 定义用于文本输入的单行输入字段。 格式:<input type="text"/> (2)单选框元素 单选按钮允许用户在有限数量的选项中选择其中之一。 格式:<input type="radio"/> (3)复选框元素 复选按钮允许用户在原创 2021-06-02 21:41:36 · 125 阅读 · 0 评论 -
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 · 108 阅读 · 0 评论 -
HTML学习(一)
近期开始进行实习实训,训练的主要是HTML、CSS和JS。通过此博客记录一下此次实训的学习及收获。 HTML HTML快速入门 表单元素及表格元素 表单元素 表格元素 List item 一级目录 二级目录原创 2021-06-01 21:22:42 · 78 阅读 · 0 评论