- 博客(12)
- 收藏
- 关注
RSS订阅原创 关于背景的简单介绍
background-size要写在background-position后面。/* background-image: url(./img/小图.webp);padding-box 背景不会出现在边框，只会出现在内容区和内边距。如果引入的图片大于盒子，图片默认显示的是左上角的位置。border-box 默认值，背景颜色会出现在边框的下边。也没有数量的要求，不写的样式就使用默认值。如果引入的图片小于盒子，图片默认会铺满。no-repeat 不铺满，留一张。- 没有顺序的要求，谁在前谁在后都行。
2022-12-01 19:21:54
59
1
原创 关于轮播图的简单介绍
图标字体（iconfont）网页中会有很多小的图片，例如，购物车，小箭头，定位等，这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改图标字体，例如可以改变大小，颜色。图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们直接使用即可，使用的方式方法大同小异。目前只要掌握一到两个网站即可阿里巴巴矢量图标库 https://www.iconfont.cn/使用图标库。
2022-11-30 20:42:37
213
原创 关于定位的简单介绍
是一种布局手段，而且它是一种高级的布局手段，可以将页面中的任何元素放在页面中的任意位置通过position属性进行设置，可选值：static 默认值 不开启定位以下四种都属于开启定位relative 开启相对定位absolute 开启绝对定位fixed 开启固定定位sticky 开启粘滞定位掌握定位：如何开启、开启后的特点。
2022-11-29 20:20:34
276
原创 关于浮动的介绍
浮动（float）浮动是一种布局手段，会使元素脱离文档流元素在文档流的时候，会分块元素，行内元素，行内块元素，各自都有一定的特点设置元素浮动，可以用float样式可选值：none 默认值，不浮动left 向左浮动right 向右浮动。
2022-11-28 21:47:36
305
原创 关于盒子模型的基础知识（3）
border-box width，height指的就是内容区，内边距，边框加起来的大小。box-sizing 用来设置盒子尺寸的计算方式 用来规定width，height指的谁。内边距 ：行内元素盒子模型可以设置内边距，而且垂直方向的内边距不会影响其他的元素的位置。边框 :行内元素盒子模型可以设置边框，而且垂直方向的边框也不会影响其他的元素的位置。内容区 :行内元素盒子模型不可以设置内容区的大小,它的内容区的大小都是被内容撑开。外边距：水平方向的外边距可以设置成功的，而且水平方向的外边距不会重叠。
2022-11-26 19:15:29
51
原创 关于盒子模型的基础知识（2）
如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素,在垂直布局中，一般情况下，我们是不设置高度的，让元素被内容撑开。块元素默认情况下，宽度是父元素内容区的100%，高度是被内容撑开。visible 默认值 文本正常显示。导致父元素的位置发生变化，会影响到父元素下面的布局，如果两个值是负值，谁小听谁的（绝对值谁大听谁的）1、一旦元素脱离文档流，以上的分类，以上分类的特点都不复存在。不会独占一行，宽是父元素内容区宽度，高是被内容撑开行内元素。之前将元素分为三类，块元素、行内元素、行内块元素。
2022-11-24 20:30:44
78
原创 关于盒子模型的简单介绍
网页中也有很多的元素，将各种元素摆放在合适的位置盒模型将页面所有元素的形状都统一了，你在布局时只需要考虑到元素的大小即可。盒模型：内容区 content内边距 padding边框 border外边距 margin盒子的大小: 内容区、内边距、边框 有关系，跟外边距是没有关系。
2022-11-23 20:43:30
159
原创 关于样式的简单介绍
十六进制：0-9abcdef，00表示最小，代替0-255的0，ff表示最大，代替0-255的255。一般会将字体的大分类，指定为font-family中的最后一个字体 ,用来兜底。是父元素的宽高的百分比，是一个相对单位，会随着父元素宽高的变化而变化。如果当前的元素没有设置字体大小，5、HSL值（H-色相 0-360, S-饱和度 0-100%，L-亮度 0-100%）也是一个相对单位，相对于当前元素的字体大小来计算最终大小，用十六进制的值来表示0-255之间的数值，表示红色、绿色、蓝色的浓度。
2022-11-22 21:01:12
136
原创 学习html的基础知识（3）
css 是层叠样式表，网页是一个多层的结构，css可以给每一层结构设置样式，最终呈现的就是设置后所表示的现象。css的书写位置主要有三种：第一种方式：内联样式/行内样式、第二种方式：内部样式表、第三种方式：外部样式表。css注释：作用和HTML注释类似，只不过他必须编写在style标签中，或者是css文件中。书写位置：head标签内部，写一个style标签，通过选择器选中对应的html结构。在html文件外，新建一个css文件，在css文件里通过选择器选中。网页的构成主要由html，css，js。
2022-11-18 20:31:02
52
原创 关于html中的基础知识（2）
4、最常用的ol、ul，在实际的使用中，一般不做有顺序或者无顺序区分。（1）、块元素主要是用来布局的，里面可以放任何元素，块元素、行内元素、行内块元素。可以写：绝对地址：不管你的html文件在哪里，超链接去的地方是确定的，是绝对的。ol 它的项目符号：1、a、A、I等，默认的项目符号是“1”类似：大列表里面有很多的小列表，每个小列表里面有标题，有对标题的解释。3、定义列表 用dl创建列表，dt表示下定义，dd表示对定义的解释。超链接：可以是一个字，可以是一个块元素，可以是图片，可以是任何内容。
2022-11-17 19:39:32
232
原创 html的基础知识（1）
编写代码时会用到一些常用的标签，其中一些常用的标签有：title标签、meta标签、h标题标签、p段落标签、hgroup标题分组、strong强调标签、em强调标签、br强制换行、hr分割线、del删除线、center居中效果、div没有任何语义、span没有任何语义、q引用标签、img标签等。在html标签中有成双成对的,也有自结束标签，并且html中是不区分大小写的,但一般用小写居多，标签可以嵌套,但不可以交叉嵌套，html,css,js都是一种宽泛的语言,他的容错率比较高他会自动纠错。
2022-11-16 19:02:40
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人