自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 HTML5+CSS3的提高(2)

2D 移动 translate(x, y) 最大的优势是不影响其他盒子, 里面参数用%,是相对于自身宽度和高度来计算的。转换(transform)是css3中具有颠覆性的特征之一,可实现元素的位移、旋转、缩放等效果,转换可理解为变形;是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。xyz是表示旋转轴的矢量,是标示你是否希望沿着该轴旋转,最后一个标示旋转的角度。3D旋转指可以让元素在三维平面内沿着 x轴,y轴,z轴或者自定义轴进行旋转。

2023-10-15 01:03:07 32 1

原创 品优购-HTML+CSS大项目2:源码

【代码】品优购-HTML+CSS大项目2:源码。

2023-10-12 18:41:04 230

原创 品优购-HTML+CSS大项目1:项目笔记

1. 品优购项目整体介绍 (制作首页、列表页、注册页三个页面)2. 品优购项目学习目的 (里面包含技术较多,能极大锻炼我们布局技术)3. 开发工具以及技术栈 (切图用ps, 代码用Vscode,测试用chrome, 大量使用HTML5+CSS3)

2023-10-12 18:24:49 145

原创 HTML5和CSS3提高

这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 些新特性。filter: 函数();HTML5 在不使用插件的情况下,也可以原生的支持视频格式文件的播放,当然,支持的格式是有限的。HTML5 在不使用插件的情况下,也可以原生的支持音频格式文件的播放,当然,支持的格式是有限的。视频标签是重点,我们经常设置自动播放,不使用 controls 控件,循环和设置大小属性。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

2023-10-06 00:17:19 73 1

原创 css学习笔记第七天

格式.ttf字体是Windows和Mac的最常见的字体,支持这种字体的浏览器有IE9+、Firefox3.5+、 Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+;一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁的接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。一旦字体加载了,图标就会马上渲染出来,减少了服务器请求;如果工作中,原来的字体图标不够用了,我们需要添加新的字体图标到原来的字体文件中。

2023-10-02 18:27:48 84 1

原创 css学习笔记第六天

static否不能使用边偏移很少relative相对定位否(占有位置)相对已自身位置移动常用absolute绝对定位是(不占有位置)带有定位的父级常用fixed固定定位是(不占有位置)浏览器可视区常用sticky粘性定位否(占有位置)浏览器可视区当前阶段少。

2023-10-01 15:59:44 73

原创 HTML-CSS学成在线案例 | pink老师讲解思路 | 完整源代码

实际开发中,我们不会直接用链接a而是用li包含链接(li+a)的做法;一个search大盒子里面包含2个表单。

2023-09-30 14:52:13 1531

原创 css学习笔记第四天

border-top-left-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius;由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子。注意:浮动的元素是互相粘靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子,多出的盒子会另起一行对齐。浮动的盒子只会影响盒子后面的标准流,不会影响前面的标准流。例如

2023-09-29 13:15:00 75

原创 CSS学习笔记第三天

当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和。对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性);,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0;

2023-09-28 08:30:00 74

原创 CSS学习笔记第二天(pink老师课程)

3.4.1 后代选择器(重要)3.4.2 子选择器3.4.3 并集选择器3.4.4 链接-伪类选择器3.4.4.1 链接-伪类选择器3.4.5 :focus 伪类选择

2023-09-27 12:00:00 94 1

原创 CSS学习笔记第一天(pink老师课程)

由于书写繁琐,并且没有体现出结构与样式分离的思想,所以不推荐大量使用,只有对当前元素添加简单样式的时候,可以考虑使用;内部样式表(内嵌样式表)是写到html页面内部,试讲所有的css代码抽取出来,单独放到一个标签中。类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上,经常和javascript搭配使用;类选择器(class)好比人的名字,一个人可以有多个名字,同事一个名字也可以被多个人使用;通过设置该属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。

2023-09-26 13:41:25 94

原创 HTML学习笔记(pink老师课程)

;HTML标签通常是成对出现的,例如

2023-09-19 12:43:50 206 1

空空如也

空空如也

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

TA关注的人

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