自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 flex思维导图

2021-04-25 10:27:54 104

原创 flex笔记+4月22日

main axis:水平的主轴 cross axis:垂直的交叉轴 main start:主轴的开始位置 main end:主轴的结束位置 cross start:交叉轴的开始位置 cross end:交叉轴的结束位置 flex-direction:row/row-reverse/column/column-reverse:改变主轴 row:默认值,从左到右 row-reverse:从右到左 column:从上往下 column-reverse:从下往上 justify-content:定义项目在主轴的对齐

2021-04-22 15:52:56 51

原创 3D笔记

perspective:透视,视距 perspective:写在被观察元素的父盒子上 flat:不开启3D立体空间,默认值。2D平面显示 preserve-3d:子元素开启3D立体空间 写在父盒子上 transform-style:preserve-3d -webkit-transform-style:preserve-3d; /*兼容Google和Opera*/ -moz-transform-style:pressrve-3d; /*兼容火狐*/ ...

2021-04-19 11:11:28 76

原创 4月12日笔记

transform:转换 translate:位移 transition:过渡 deg:度 skew:斜切 scale:缩放 rotate:旋转 animation:动画

2021-04-12 11:24:53 59

原创 背景笔记+3月29日

加粗样式overflow: scroll; /* 超出部分滚动显示 */ /* //设置背景颜色 background背景 color颜色 */ /* background-color: 颜色的英语单词/rgba(红色数字,绿色数字,蓝色数字,透明色)/#f0f # #FF00FF 红色数字,绿色数字,蓝色数字:0~255,透明色0~1 */ background-color: #c0c0c0; /* rgba(255,0,0,.5) */ /* red */;

2021-03-29 10:28:25 72

原创 音频视频课堂笔记+3月24日

1、<audio>元素支持三种音频格式文件:MP3,Wav和Ogg 2、<video>元素支持三种视频格式:MP4,WebM和Ogg 3、audio:音频 4、video:视频 5、controls:控制台 6、loop:循坏播放 7、infinte:无限次 8、autoplay:自动播放 ...

2021-03-24 11:12:46 45

原创 块元素课堂笔记+3月23日

块元素的特点: 1.比较霸道,自己独占一行 2.可以控制width、height、对齐属性 3.宽高默认是容器(父级元素宽度)的100% 4.块元素内可以包含行内元素或块元素 常见的行内元素有<a>,<strong>,<em>,<span> 链接里不能再放链接 特殊情况链接<a>里可以放块元素,但是给<a>转换一下块级模式展安全。 行内元素 1.相邻行内元素一行排列,一行可以显示多个 2.width、height、对齐属性直接设置无效

2021-03-23 11:15:53 61

原创 课堂笔记(偏移量+固定定位)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .box1{ /* 大相小绝/子绝父相:父盒子相对定位,子盒子绝对定位 */ position: relative; width:1000px; height:1800px; border:solid 5px

2021-03-22 11:27:58 131

原创 浮动+课堂笔记+3.16

浮动元素会脱离标准流(脱标) 浮动元素会一行内显示并且元素顶部对齐 浮动的元素会具有行内块元素的类似特性 float:浮动

2021-03-16 11:13:55 35

原创 盒子课堂笔记3月11日

盒子:内容区(content) 边框(border) 内边距(padding) 外边距(margin) 自动(auto) 外边距合并:相邻两个盒子之间同时设置margin,最终取的值是最大的哪一个;避免相邻盒子外边距合并:只是其中一个盒子设置外边距。 外边距塌陷:嵌套的两个盒子之间同时设置margin,最终取的值也是最大的一个;避免嵌套盒子外边距塌陷:给父盒子添加边框、或添加padding、或添加overflow:hidden ...

2021-03-11 16:14:22 43

原创 CSS课堂笔记3.9

类选择器: 样式点(.)定义 结构类(class)调用 一个或多个 开发最常用 ID选择器: 样式#号定义 结构id调用 只能调一次 别人勿使用

2021-03-09 11:03:00 50

原创 HTML笔记3月4日

Hyper Text Makeup Language:超文本合成语言,网页结构 CSS:Cascading Style Sheet:层叠样式表,级联样式表 三种引入样式的方式: 1.内联样式:把样式直接写在开始标签里 2.内部样式:用标签书写样式 3.外部样式:用<link href=" rel=“stylesheet” />引入写好的css文件 内联样式、内部样式和外部样式三个一起用的时候,内联样式权重最高(最终一定用内联样式):内部样式和外部样式谁在后就听谁的 ...

2021-03-04 16:35:11 63 2

原创 HTML单词笔记

,,, 1.style:风格 2.font-size:字体大小 3.px:像素大小 4.title:标签 5.body:身体 6.head:头部 7.p:段落标签 8.ol:有序列表 9.li:列标签 10.ul:无序列表 11.color:颜色 12.a href:链接标签 13.#:空标签 14.dl:自定义列表 15.dt:小标题 16.dd:分类 ...

2021-02-25 16:24:59 112

原创 html课堂笔记2.25

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3> <a href="http://www.baidu.com">星辰音乐排行榜</a> </h3> <p> <a href="htt

2021-02-25 15:59:22 62

原创 html课堂笔记2.24

**:标题标签<br/> 扩展:<br/> 1.双标签:由两个组成,<开始标签> </结束标签><br/> 2.单标签:只有一对<>,<开始 /><br/> 3.注释标签:’<!-- -->’,<!--添加注释后浏览器不会翻译到网页上 --> 段落标签 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ** ...

2021-02-24 11:25:16 34

原创 html课堂笔记(2.23)

http:hypertext transfer protocol 超文本传输协议 https:加密传输 www:world wide web 万维网 .com域名(商业性) .cn(中国) .edu(教育) html:hyper text makeup language 超文本合成语言 超文本:比文本更厉害、除了文字还有图片、视频、还有链接、音频。超越文本的限制。 ‘<!DOCTYPE HTML>’ //docutment type 文档类型:网页文档(html) //网页开始,根元素 //

2021-02-23 14:27:49 61

原创 html课堂笔记

网页前段: 静态网页html+css 动态网页javascritpt(js) 网页后端: java php 数据库 web:网络 html+css HTML:结构。网页结构 css:样式。美化网页 javascript(JS):行为。用户产生交互动作

2021-02-22 09:28:51 46

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除