- 博客(19)
- 收藏
- 关注
RSS订阅原创 flex布局——换行——多行换行
布尔flexdisplaya:flex 改变主轴：flex-direction:row-reversccenter:主轴结束位置 space-between:两端对齐flex-and:主轴结束的位置 space-around:分散对齐algn-items:交叉轴换行：flex-wrap:wrap-reversenowrap:不换行 换行：wrap 反向换行：wrap-reversealign-content:多行..
2020-12-28 16:57:48
21332
原创 3D动画
透视：perspective值越大就表示视距越远，成像越小，反之。单位：pxfiat:不开启3D立体空间。 preserve:子元素开启3D立体空间3D变形：translate(x,y,z):位移scale3d(x,y,z):缩放。 rotate3d(x,y,z):旋转-xyz的值0或1,1表示要旋转，0表示不旋转...
2020-12-21 17:06:38
282
原创 动画
动画：animation1.创建关键帧：@keyframs name(名字）{from{}to{}}key:钥匙，关键。frams:帧。name：动画名字。from: 从哪里来 动画开始 。to: 到哪里去动画结束 。infinite:无限循环 forwards:保留动画最后的样式 backwards:默认值，回到动画最初的样式...
2020-12-17 11:25:27
157
原创 过渡-变形-缩放-旋转-斜切
过渡：transition:过渡属性，过渡时间，过度效果，何时开始。 all：所有的属性都要变换。时间曲线：ease,linearease:默认效果 慢-块-慢。 linear:匀速变换。 ease-in:低速快速。 ease-out:低速结束。变形：transform。平移：translate(100px)。一个值的时候只位移x轴，两个值的时候：第一个值位移x轴，第二个值位移y轴位移：translatey:位移y轴。translatex:位移x轴缩放：scale(2,0.5);第一
2020-12-15 11:04:29
169
原创 多媒体的格式
<audio>元素支持三件音频格式：mp4,wav,oggautoplay:自动播放loop:循坏播放controls:控制muted:静音preload:auto（自动）metadata（加载元数据）src：音频路径display:none:隐藏video：视频
2020-12-14 16:25:17
123
1
原创 表单属性
method:数据提交方式：两个方式：get,postautocomplete:自动完成提示：on打开，off关闭name：名字action:接受服务器地址
2020-12-08 11:15:31
79
原创 背景
背景：background-colorimage:一个或多个背景图像position:背景图像位置size:图片的大小repeat:背景图像重复显示origin:背景图像的定位区域clip:背景图像的绘图区域attachment:背景图像是否固定或随着页面的其余部分滚动no-repeat:图像部重复center:图像居中fixed:睡着页面滚动.默认...
2020-12-07 16:59:11
96
原创 绝对定位-相对定位-固定定位
绝对定位的元素移动时的参照点是祖先元素的位置如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位如果祖先元素有定位（相对，绝对，固定），则最近一级有定位元素作为参考点脱标：绝对定位不再占有原先的位置相对定位的元素移动时的参照点是自己原来的位置不脱标：继续保留原先的位置，不会脱离标准流典型应用：给绝对定位当爹的，子绝父相（大相小绝）固定定位...
2020-12-04 11:10:47
313
原创 浮动与定位
列如：display:inline-block display:block行内元素inline inline - block:行内块元素 block:块元素浮动float清除浮动：1.额外标签法：也称为隔离法clear:both;清除两侧浮动。both|left|right2.父级添加overflow:hidden属性2.父
2020-12-01 11:21:59
149
原创 元素的显示模式
块级元素：1.独占一行 2.可以设置width和height 3.默认宽度width是父级元素宽度的100% 4.块级元素里可以放块级元素和行内元素文字类的标签内不能使用块元素行内元素：1.一行可以显示多个 2.width/height设置无效 3.width默认内容的宽度 4.行内元素里只能放文字或者其他行内元素链接里不能再放链接 特殊情况链接<a>里可以放块级元素、但是<a>转换一下块级模式最安全algin:图片的对齐属性 c
2020-11-24 11:22:40
125
原创 2020-11-23
盒子塌陷盒子水平居中：左右边距设置auto，前提条件：有width给相邻两个盒子都设置margin,垂直方向外边距取两者中的最大值塌陷：嵌套的两个盒子都设置了margin，垂直方法的外边距取最大值塌陷的解决方法1.给父元素加border 2.overflow：溢出 hidden:隐藏...
2020-11-23 11:16:30
65
原创 盒子模型的组成
盒子的四个元素边框：border. 外边距：marfin. 内边距：padding. 内容：content边框border:边框的粗细，边框的颜色，边框的样式solid实线，dashed:虚线，点线边框：dotted内边距padding:顺时针来走四个值（上 /右 /下 /左）padding:10px,20px,30px,40px三个值：（上 左/右 下）padding:20px,30px,40px;两个值：（上/下 左/右）padding:10px,20
2020-11-20 11:20:41
132
原创 css选择器
标签选择器标签选择器：可以选出所有相同的标签特点：不能差异化选择div{color:ref}类选择器类选择器：可以选出一个或者多个标签特点：根据需求选择HTML文件中：<p class="nav">类选择器</p>css文件中：.nav{clolr:red}样式点定义结构类调用一个或多个开发最常用ID选择器ID选择器：一次只能选择一个 标签特点：每个HTML文档中的ID是唯一的，只出现一次HTML文件中：<p id="nav1">ID选择器<
2020-11-17 11:13:40
176
原创 HTML5CSS样式
wed的标准结构：HTML：结构，css：表现， Javascript:css定义：层叠样式表（cascading style sheetd）也叫css样式表，级联样式表，也是一种标记语言1.内联样式：用标签的style属性实现·```2.内部样式：用style标签来实现3.外部标签：第一步：在css文件夹下新建.css文件，写样式。第二部：在head里用<link />，引入，href：链接.css文件路径。rel:stylesheet.<link href="css/lxh
2020-11-16 11:10:17
295
原创 HTML5表格标签和div标签
表格标签<table>·<thead>:数据表头部分</tdoby>:表格单元格部分<tr>``</tr>：table row:表格的行<th>:表格的表头td:table data 表格的数据，数据单元格<div>``<div>标签：1.没有含义 。2.div单独占一行。3.div用于存放其他标签元素。4.div用于布局网页...
2020-11-10 10:41:58
248
1
原创 HTML5表单标签
表单标签1.表单域<form>:表单域内的信息要提交给服务器2.表单标签：<input/>,<sleect>,<select>（下拉列表）,(<textarea></textarea>文本域)3.提示信息：文本输入框：text密码输入框：password性别：radio实现二选一 name:必须一致(单选）爱好：cherckbox（多选）按钮：button value:值重置：reset提交：submit
2020-11-09 11:14:19
199
1
原创 HTML5
单标签<br>：换行标签双标签<p>段落标签.<tilter>网页标题。<h1>:一级标题，<h1>-<h6>1-6 ,1-6级标题标签<em>：斜体标签<strong>：加粗标签<head><title>网页标题</title></head><body><p>段落标签</p><h1>一级标题
2020-11-06 11:10:46
98
原创 HTML5
基础标签网页标题： 标签：<h1>-<h6> 1到6级标签双标签</h6></h1>段落：段落标签-双标签换行标签：单标签空格文本格式化：加里语气（加粗显示）：双标签着重文字（斜体显示）双标签单标签： 双标签到,,, 注释标签‘’’ 1-6级标签 321 456 789 987 654 段落标签dsfhsjhj斜体标签kfsdfesfdsafd加粗标签c
2020-11-03 11:23:17
101
1
原创 HTML5概述
HTML5概述HTML不是编程语言而是一种标记语言标记语言是一套标记标签HTML使用标记标签来描述网页HTML文档也叫web页面HTML：超文本标记语言（Hyper Text T P）HTML5文档结构:document type,声明文档类型标签是HTML页面的根元素。标签是网页头部标签，定义元书数据等。标签定义文档的标题。中必须要有的！标签定义文档的主体...
2020-11-02 11:14:58
161
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人