唯唯同学布置的作业好好学习吧!!!
关注
分享
扫一扫
文章平均质量分 59
呆呆敲代码丫
呆呆敲代码丫有每天努力学习的哦！(๐•̆ ·̭ •̆๐)
展开
-
导航栏 利用前端和jquery结合Vue
html内容<!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"> <ti.原创 2021-10-21 15:08:12 · 233 阅读 · 0 评论 -
Web前端单位和网络地址知识
简单的介绍单位px:像素单位em:相对单位,相对于父元素的字体大小(不推荐使用)rem:相对单位,相对于根(html)root元素的字体大小(配合jsRem布局使用)Vw:v->viewport视窗的宽度,百分比的高度,百分之百的视窗宽度100vwVh:v->viewport视窗的高度,百分比的高度,百分之百的视窗高度100vh设定最大宽度:max-width:00px设定最小宽度:min-width:00px设定最大高度:max-height:原创 2021-06-19 19:50:05 · 239 阅读 · 0 评论 -
html和css简单复习
HTML:标签语言常用的标签:标题标签h1-h6段落标签p/div/ul>li/ol>li/a表单标签form/input自定义标签Css:决定样式,重叠样式标签的大小1. 外边距margin2. 内边距padding3. 边框border4. 宽width5. 高height盒子模型大小(box-sizing)1.border-box:设定的width和height涵盖padding和border2.content-box:默认元素背景1.ba原创 2021-06-19 15:04:57 · 101 阅读 · 0 评论 -
弹性布局换行
<!DOCTYPE html><html> <head> <!-- 弹性布局 弹性容器:设置了display:flex;这个为弹性容器,里面的子元素会按照弹性布局的方式进行布局. 弹性子元素:设置了display:flex;的弹性容器的直接子元素即为弹性子元素 弹性主轴方向: 默认主轴方向为从左到右flex-direction: row; 从上往下flex-direction: column;原创 2021-06-08 19:45:24 · 7587 阅读 · 0 评论 -
弹性布局最简单详细的理解学习方法
<!DOCTYPE html><html> <head> <!-- 弹性布局 弹性容器:设置了display:flex;这个为弹性容器,里面的子元素会按照弹性布局的方式进行布局. 弹性子元素:设置了display:flex;的弹性容器的直接子元素即为弹性子元素 弹性主轴方向: 默认主轴方向为从左到右flex-direction: row; 从上往下flex-direction: column;原创 2021-06-08 15:20:30 · 366 阅读 · 0 评论 -
纯css3用图片写出的游戏动画
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #d1{ width: 300px; height: 200px; /* border: 1px solid #cccc; */ /* 背景图片 */ background-im原创 2021-06-07 19:18:21 · 184 阅读 · 0 评论 -
纯css3立方体旋转与缩放
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"/> <link rel="stylesheet" type="text/css" href="./css/index.css"/> <原创 2021-06-06 20:41:05 · 178 阅读 · 0 评论 -
label绑定选择框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1{ width: 200px; height: 200px; border: 1px solid #999; } #gree:checked~#d1{ background原创 2021-06-04 10:03:34 · 440 阅读 · 0 评论 -
css3立方体,魔方造型旋转
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ /* 透视点 */ perspective: 1000px; } .lifang{ width: 200px; height: 200px; margin:原创 2021-06-03 15:09:10 · 124 阅读 · 0 评论 -
过渡动画详细介绍
<!DOCTYPE html><html> <head> <!-- 设置过渡的属性 设置过渡的时间 设置过渡的速度 设置过渡的延迟时间 --> <meta charset="utf-8" /> <title></title> <style type="text/css"> #d1{ width: 200px; height: 200px;原创 2021-06-02 16:23:48 · 616 阅读 · 0 评论 -
文字属性综合
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #d1{ margin: 0 auto; /* 字体大小 */ font-size: 40px; /* 字体样式,设置字体必须在系统里面存在的,如果没有这个字体,就会默认按照系统字体样式原创 2021-06-02 11:59:36 · 112 阅读 · 0 评论 -
HTML伪元素
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 通过css创建假的元素 创建伪元素: :before,在元素内部的最前面创建一个假子元素 :after,在元素内部的最后面创建一个假子元素 伪元素默认是行块元素,没有宽高的 --> <style type="text/css"&原创 2021-06-01 20:00:57 · 2178 阅读 · 5 评论 -
初识css
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>唯唯同学知识分享</title> <!-- css使用方式 1.通过style标签设置样式 2.通过style属性设置样式 3.通过css文件使用 注意:css的特点 1.直接在style上写的内容优先级最高,同样的选择器,谁在后面谁的优先级比较高.原创 2021-06-01 15:33:29 · 114 阅读 · 2 评论 -
a标签内部跳转
跟着唯唯同学的步伐别走丢哦!!!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #name1{ height: 1000px; background: #00FFFF; } #name2{ height: 1000px; b原创 2021-06-01 11:03:16 · 719 阅读 · 2 评论 -
css3滤镜
跟着唯唯同学的步伐别走丢哦!!!<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> img{ width: 400px; height: auto; display: block; margin:0 auto; transiti原创 2021-06-01 10:55:39 · 94 阅读 · 2 评论 -
HTML基础知识
跟着唯唯同学的步伐别走丢哦!!!<!DOCTYPE html><!-- 标准的html5文档 , 发布时间2014年 --><!-- 标签:双标签(开始标签,结束标签),单标签 --><!-- html标签,整个文档的根标签 --> <!-- head:一般用于说明页面的一些信息,不直接显示在页面上 meta charset="utf-8" 告知浏览器,现在文档使用的编码 title:页面的标题body:一般页面的内容,直接显示在网原创 2021-06-01 10:28:38 · 103 阅读 · 2 评论