- 博客(19)
- 收藏
- 关注
RSS订阅原创 课堂笔记4月22
main axis:水平的主轴 cross axis:垂直的交叉轴 main start:主轴的开始位置 cross start:交叉轴的开始位置 main end:主轴的结束位置 cross end:交叉轴的结束位置 项目默认沿主轴排列 单个项目占据的主轴空间叫main size 单个项目占据的交叉轴空间叫cross size flex direction:row/row-reverse/column/column-reverse:改变主轴； row:默认值
2021-04-22 16:01:11
70
原创 课堂笔记4月19
perspective:用来模拟人类的视觉位置，也称为视距，即人 的眼睛到屏幕（成像）的距离 perspective:单位是像素PX perspective:值越大，表示视距越远，成像越小，反之。 perspective写在被观察元素的父盒子上。 transform-style: 控制子元素是否开启3D空间效果。flat/prassrve-3D flat:不开启3D空间，默认值。2D平面显示 preserve-3D:子元素开启3D立体空间 写在父盒子上 transform-style:preserve-3d
2021-04-19 10:57:19
59
原创 2021 4月12
transition:过渡 transform:转换 rotate:旋转 translate:位移 scale:缩放 skew:斜切 动画持续：4s 0s:red 2s:green 4s:blue background-color:pink; width:800px; transform:rotate(45deg); deg度 rotate(deg):正数(顺时针旋转)/负数(逆时针旋转) transform:skew(45deg); / / skew(deg)斜切 transform:rotate(-45
2021-04-12 11:23:08
60
原创 课堂笔记4月6
transition:过渡 transition:过渡属性 过渡花费的时间 鼠标悬停伪类 transition:width 5s,background-color 5s; all:全部/所有的 速度:ease 慢–快--慢 linear:匀速 ease-in:低速开始 ease-out低速结束 ease-in-out: transform:转换 translatex(x):水平方向位移 translatey(y):垂直方向位移 translate(x,y):水平方向位移x,垂直方向位移y <!DOCT
2021-04-06 10:20:15
53
原创 课堂笔记3月29
html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>背景</title> <style> .box{ width:1500px; height:1600px; border:1px solid orange; margin:auto; color:skyblue; font-s
2021-03-29 10:25:49
83
原创 2021 3月24
元素支持三种音频格式：MP，Wav和ogg: 元素支持三种视频格式：MP4，WedW和ogg: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>音频视频插入</title> </head> <body> <!-- 音频： audio --> <!-- 插入音频标签：<audio>&
2021-03-24 14:24:29
90
原创 课堂笔记3月23
html行内、块、行内块元素 使用场景：一个模式的元素需要另一种模式的特性。例如： 增加a链接的触发范围。 元素显示模式转换： 转换为块元素：display:block; 转换为行内元素：display:inline; 转换为行内块元素：display:inline-block; 权重： ID的权重是100 类的权重是10 标签的权重是1 块元素的特点： 比较霸道，自己独占一行； 可以控制width、height、对齐属性； 宽度默认是容器（父级元素宽度）的100%； 块元素内可以包含内元素或块元素； 常见
2021-03-23 11:24:37
47
原创 课堂笔记3月22
html+css 布局： 标准流+浮动（一行来显示） 大相小绝/子绝父相:父盒子相对定位,子盒子绝对定位 position:定位 相对定位、绝对定位 固定定位 相对定位:相对于自己原来的位置来偏移，不脱标 偏移量 left、right、top、bottom 正数/负数/0:值越大,显示越靠前 absolute:绝对定位：根据上一个有定位的父盒子来偏移位置 如果说往上都没有定位的盒子，就根据body来偏移 绝对定位的盒子会脱标 fixed:固定定位,根据body来平移 <html> <h
2021-03-22 11:27:04
45
原创 课堂笔记10
html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>袁雪如</title> <style> .box{ width:1010px; height:52px; border: #C0C0C0 1px solid; margin:auto; } .box1{ width:
2021-03-16 14:15:17
55
原创 课堂笔记9
html background-color:背景颜色 盒子：外边距margin auto:自动 外边距合并：相邻两个盒子之间同时设置margin，最终取的值是最大的那一个 避免相邻盒子外边距合并：只给其中一个盒子设置外边距。 外边距塌陷：嵌套的两个盒子之间同时设置margin，最终取的值也是最大的一个 避免嵌套盒子外边距塌陷：给父盒子添加边框、或添加padding、或添加overflow:hidden; <!DOCTYPE html> <html> <head> &
2021-03-11 16:29:21
60
原创 课堂笔记8
html 盒子：边框 border、内容、内边距 padding 盒子的作用：给网页布局 width:宽 height：高 border:边框 soid:实线 dashed:虚线 dotted:点线 left:左 right:右 top:上 bottom:下 padding:内边距 复合写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>
2021-03-10 11:25:18
68
原创 课堂笔记七
html html:Hyper Text Makeup Language 超文本标记语言 ， 网页结构 CSS：Cascading Style Sheet 层叠样式表、级联样式表 Style:样式 Color:颜色 三种引入样式的方式： 1.内联样式：把样式直接写在标签里 2.内部样式：用标签书写样式 3.外部样式：用引入写好的css文件。 内联样式、内部样式和外部样式三个一起用的时候，内联样式权重最高（最终一定用内联样式）；内部样式 和外部样式谁在后就听谁的 <!DOCTYPE html> &
2021-03-09 08:58:16
68
原创 课堂笔记6
html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图书信息管理系统</title> </head> <body> <h3>图书信息表</h3> <!-- 表格标签：<table></table> --> <!-- 表头<thead&g
2021-03-03 14:24:03
76
1
原创 课堂笔记5
html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>基础标签</title> </head> <body> <!-- 表单标签：收集用户信息.包括<from></from>表单域、表单控件、提示信息 --> <form action="test.php" method=
2021-03-02 10:59:29
102
原创 课堂笔记4
HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3>xxx音乐排行榜</h3> <p>最佳播放量排名</p> <!-- 有序列表:<ol>、 列标签：<li> -->
2021-02-25 16:05:29
78
原创 课堂笔记3
HTML <!--<title></title>:标题标签> 扩展： 1.双标签：由两个组成，<开始标签> </结束标签> 2.单标签：只有一对<>，<开始 /> 3.注释标签：,添加注释后浏览器不会翻译到网页上 段落标签：<p></p> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <
2021-02-24 11:25:03
145
原创 课堂笔记2
HTML5+CSS3 http:hypertext transfer proctocol超文本传输协议 https:加密传输 www:world wide web 万维网 .com域名（商业性） .cn(中国) .edu(教育) html:hyper text makeup language（超文本标记语言） 超文本：比文本更厉害、除了文字还有图片、视频、还有链接、音频。超越文本的限制 基本结构 <!DOCTYPE HTML> //docutment type 文档类型：网页文档（html）
2021-02-23 11:10:33
65
原创 课堂笔记1
** HTML5+CSS3 ** WEB：网络 网络前端： 静态网页html+css 动态网页javascript(js) 网页后端： java语言 php语言 数据库 网页前端：web的三大标准，结构，样式，行为 html:结构。网页结构 css：样式。美化网页 javascript(JS):行为。用户产生交互动作 消化：xmind(思维导图)、csdn博客 ...
2021-02-20 17:03:06
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人