自定义博客皮肤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)
  • 收藏
  • 关注

原创 学习分享(12)

(2)xxdeg 表示角度,度数,会更灵活,正值顺时针,负值逆时针。参数1:表示方位,(可选值,不写默认是to bottom)解决图片闪烁问题,提高网站的性能,可以使用 雪碧图/精灵图 ,学名:图片整合技术。可以写多个颜色,默认情况下,颜色是均分占比的。问题: (1)第一次切换图片时,会发现图片有一个非常快的闪烁,浏览器编译网站的是有顺序,先是html结构,然后再加载外部资源 ,水平方向:正值 图片向右,负值 图片向左。垂直方向:正值 图片向下,负值 图片向上。也可以手动的指定渐变的分布情况。

2022-12-01 19:28:26 51 1

原创 学习分享(11)

* background-image: url(./img/大图2.webp);-- -->background-image:url(./img/小图.webp);如果引入的图片大于盒子,图片默认显示的是左上角的位置。- 如果指定的是一个正值,则图片会向右移动指定的像素。- 如果指定的是一个负值,则图片会向左移动指定的像素。- 如果指定的是一个正值,则图片会向下移动指定的像素。- 如果指定的是一个负值,则图片会向上移动指定的像素。

2022-11-30 20:39:48 87

原创 学习分享(10)

rgba、transparent是样式值,必须跟在特定的样式名后,才可以设置透明效果。使用z-index样式,样式值:是一个正整数,值越大,层级越高,越能够显示在最上面。// autoplay: {//设置自动切换,可以更改切换时间。-- 第一步 1引入swiper里面的css文件 -->-- 如果需要导航按钮 上一张 下一张 -->第一种方式可以直接选中对应的类名,进行修改。样式值:0-1之间,0是透明,1是不透明。-- 如果需要分页器 小圆点 -->-- 第一步 2引入对应的js文件 -->

2022-11-29 21:59:58 257

原创 学习分享(9)

然后在对其进行清除浮动,这样可以通过这个空白的div来撑开父元素的高度,确实可以解决父元素高度丢失的问题,但也会带来一些新问题,父元素也会脱离文档流,确实可以解决父元素高度丢失的问题,但也会带来一些新问题,父元素也会脱离文档流,可以解决父元素高度丢失的问题,但也带来一些新问题,父元素的宽度丢失了,可以直接在高度塌陷的父元素的最后,添加一个空白的div,如果我们给子元素设置浮动,子元素会脱离文档流,一旦元素脱离文档流了。子元素就不能再撑开父元素的高度了,导致父元素的高度丢失,而且会导致。

2022-11-28 22:21:26 68

原创 学习分享(8)

内边距 :行内元素盒子模型可以设置内边距,而且垂直方向的内边距不会影响其他的元素的位置。边框 :行内元素盒子模型可以设置边框,而且垂直方向的边框也不会影响其他的元素的位置。内容区 :行内元素盒子模型不可以设置内容区的大小,它的内容区的大小都是被内容撑开。-- 块元素默认情况下,宽度是父元素内容区的100%,高度是被内容撑开。外边距:水平方向的外边距可以设置成功的,而且水平方向的外边距不会重叠。如果父子元素的垂直外边距相邻了,则子元素的外边距会传递给父元素,auto 根据实际的内容出现滚动条。

2022-11-26 20:07:30 63

原创 学习分享(7)

大声说所所所所。

2022-11-24 21:23:36 90

原创 学习分享(6)

margin-botoom 设置元素下外边距,正值,元素自己不懂,会挤下面的元素向下移动,负值,下面的元素向上移动。margin-top 设置元素上外边距,如果正值,元素向下移动,如果负值,元素向上移动。margin-left 设置元素左外边距,正值,元素向右移动,负值,元素向左移动。盒子的大小:内容区、内边距、边框 有关系,跟外边距是没有关系。margin-right 设置元素右外边距,元素是没有效果。不会独占一行,宽是父元素内容区宽度,高是被内容撑开。

2022-11-23 20:53:29 54

原创 学习分享(5)

00表示最小,代替0-255的0,ff表示最大,代替0-255的255。5:HSL值(H - 色相 0-360,S - 饱和度 0-100%,L - 亮度 0-100%)(2)、直接写倍数,1/2/3/4/5····,是当前字体大小的倍数。是父元素的宽高的百分比,是一个相对单位,会随着父元素宽高的变化而变化。语法:#ff0000,像这样两两重复的表示,可以省略一位,简写成#f00。用十六进制的值来表示0-255之间的数值,表示红色,绿色,蓝色的浓度。(3)、可以写百分比,100%,200%。

2022-11-22 20:53:05 369

原创 学习分享(4)css伪类

解释:在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来,":lang"在一些情况下也在从文档树中推断出来。定义:不真实存在的类,是一种特殊的类,它表示的元素的一种状态,不是固定某一定。定义:给父元素或者祖先元素设置有关样式,它会继承到子元素或后代元素上,由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。—功能跟上面相似,不同的是,这是在同类型的子元素中去选择。

2022-11-21 20:16:41 230

原创 html学习分享(3)(有关css的部分)

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。

2022-11-18 20:48:00 150

原创 学习分享html {2}

常用块元素:div、p、h1-h6、header、main、footer、nav。类似:大列表里有很多的小列表,每个小列表里有标题,有对标题的解释。绝对地址:不管你的html文件在哪里,超链接去的地方是确定的,是绝对。1、块元素主要是用来布局,里面可以放任何元素,块元素、行内元素、行内块元素。ol 它的项目符号:1、a、A、I 等,默认项目符号是‘1’超链接:可以是一个字,可以是一个块元素,可以是图片,可以是任何内容,4:a标签的属性有哪些, 其中target属性,有哪些属性值,能达到什么效果。

2022-11-17 19:56:30 54

原创 我的HMTL初体验

今天学习了解了HMTL,现在让我给大家说说我今天学习的关于HMTL的知识点。那么什么是HMTL呢?HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。html标签是根标签/根元素,所有的网页内容都是写在html里面开始标签和结束标签中间,一个页面只能一个html标签。

2022-11-16 19:51:32 836

空空如也

空空如也

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

TA关注的人

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