- 博客(11)
- 收藏
- 关注
RSS订阅原创 过渡：transition
hover：鼠标悬停效果transition：过渡过渡效果1.ease 慢-快-慢2.linear 匀速变换3.ease-in 低速开始4.ease-out 低速结束5.ease-in-out 低速开始和结束书写顺序transition：过度属性 过渡时间 时间曲线 延迟时间transition: background-color 1s ease-in-out 1stransform：translate位移.box1:hover{ transform：translate（100px）
2020-12-16 08:50:26
169
原创 audio和video
1.多媒体的格式<audio>元素支持三种音频格式文件mp4,webm和oggautoplay自动播放，有些浏览器版本问题，播放不出来loop循环播放muted静音preload：auto（自动） metaddata（加载元数据） none（不加载）<audio controls="controls" autoplay="autoplay" loop="loop"> <source src="music/Nirvana - Heart-Shaped Box
2020-12-15 08:42:20
199
原创 定位
position：指定定位模式1.static:静态定位，默认定位模式2.relative:相对定位，相对于原文档的位置进行定位3.absolute：绝对定位，相对于上一个已经定位的父元素进行定位4.fixed：固定定位，相对于浏览器窗口进行定位...
2020-12-01 11:03:53
83
原创 2020-12-01
清除浮动1.额外标签法：也称隔离法clear：both;清楚两边浮动。both|left|right2.父级添加overflow：hidden；3.父级添加after伪元素.clearfix：after{content："";display: block;height: 0;clear: both;visibility:hidden;}4,给父级添加双伪元素clearfix:before, .clearfix:after{content:"";display:table;}
2020-12-01 09:58:50
65
原创 标签选择器，类选择器，id选择器
标签选择器：可以选出所有相同的标签特点：不能差异化选择div{ color:green; }类选择器：可以选出一个或者多个标签特点：根据需求选择html文件中：<p class="nav">类选择器</p>css文件中：.nav{color:red;}id选择器：一次只能选择一个标签特点：每个html文档中的id是唯一的，只出现一次HTML文件中：<p id="nav1">id选择器</p>css文件中：#nav1{color:red;}
2020-11-17 11:30:15
956
原创 2020 11.6
CSS：层叠样式表，是一种标记语言1.内联样式：用标签的style属性实现<p style="font-size:24px; color:red;">woshi</p>3.外部样式1.在css文件夹下新建.css文件，写样式2.在head里用<link/>引入href：链接，css文件路径rel：stylesheet<link href="css/style.css rel="stylesheet" />内部样式和外部样式听谁的？网页是从上
2020-11-16 11:27:54
64
原创 11.9表单标签
表单标签：1.表单域<form>:表单域内的信息要提交给服务器2.表单标签:<input/> <select><select/><textarea><textarea/>3.button:按钮submit:提交 把内容提交到服务器reset：重置 重置按钮checkbox：多选按钮 实现多选radio：实现多选一， name必须一致password：密码输入text：输入文本4.<select><
2020-11-09 11:23:54
133
1
原创 图片标签和列表
img标签是图片标签src属性：指向图片的地址width属性：设置图片的宽度，px像素，单位height属性：设置图片的高度，px像素，单位a标签：链接标签，双标签href属性：指向链接的地址，必须要有！列表有序列表、无序列表有序列表:<ol></ol>列：<li></li>无序列表：<ul></ul>...
2020-11-06 11:24:30
131
1
原创 2020-11-06
单标签<br> ：换行标签双标签<p>: 段落标签<title>:网页标题<h1>:一级标题<h1>~<h6>:一到六级标签<em>:斜体标签<strong>:加粗显示<head><title>网页标题</title></head><body><p>段落标签<p><h1>一级标题</h
2020-11-06 09:13:00
83
原创 基础标签
标题 网页标题： 1-6级标题:<h1><br/><strong>段落</strong> 段落标签：<p> 换行标签<br/> 空格<br/><strong>文本格式化</strong> 加重语气 :（加粗显示）<strong> 着重文字（斜体字显
2020-11-03 11:08:53
93
1
原创 HTML5概述
1.HTML5概述HTML:超文本标记语言HTML不是编程语言，而是一种标记语言、标记语言是一套标记标签、HTML使用标记标签来描述网页、HTML文档也叫web页面。2.HTML5文档结构1.<!DOCTYPE>：document type，声明文档类型2.标签是HTML页面的根元素。3.标签是网页头部标签，定义元素等。4.标签定义文档的标题。中必须要有的！<br/>5.标签定义文档的主体。...
2020-11-02 11:06:59
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人