- 博客(12)
- 收藏
- 关注
RSS订阅原创 精灵图的用法
(2)xxdeg 表示角度，度数，会更灵活,正值顺时针，负值逆时针。渐变色不是单纯的背景色，可以把它看成是一个图片，用background-image:;参数1:表示方位，（可选值，不写默认是to bottom）解决图片闪烁问题，提高网站的性能，可以使用 雪碧图/精灵图 ,学名：图片整合技术。可以写多个颜色，默认情况下，颜色是均分占比的。问题： （1）第一次切换图片时，会发现图片有一个非常快的闪烁，浏览器编译网站的是有顺序，先是html结构，然后再加载外部资源 ，也可以手动的指定渐变的分布情况。
2022-12-01 20:33:59
102
原创 在网页中添加背景
background-size要写在background-position后面。如果引入的图片大于盒子，图片默认显示的是左上角的位置。- 如果指定的是一个正值，则图片会向右移动指定的像素。- 如果指定的是一个负值，则图片会向左移动指定的像素。- 如果指定的是一个正值，则图片会向下移动指定的像素。- 如果指定的是一个负值，则图片会向上移动指定的像素。border-box 默认值，背景颜色会出现在边框的下边。4:background-position可以调整背景图片在元素中的位置。
2022-11-30 20:12:48
4545
原创 HTML中的图标及轮播图的做法
rgba、transparent是样式值，必须跟在特定的样式名后，才可以设置透明效果。使用z-index样式，样式值：是一个正整数，值越大，层级越高，越能够显示在最上面。这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便。所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改。图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们。网页中会有很多小的图片，例如，购物车，小箭头，定位等，样式值：0-1之间，0是透明，1是不透明。
2022-11-29 20:40:58
360
原创 定位的学习
3、在绝对定位的情况，如果right，left，top，bottom，width为固定值。2、在开启了定位的情况下，其包含块就是离它最近开启了定位的祖先元素，1、开启了绝对定位，如果不配合偏移量使用，元素的位置没有发生变化。1、开启粘滞定位，元素不会脱离文档流，也就是元素性质也不会发生改变。2、开启了绝对定位后，元素会脱离文档流，下面的元素就会跑上去。3、开启了相对定位后，元素的层级会变高，也就是会盖住其他的元素。3、开启了绝对定位，元素脱离文档流，元素的性质就会发生变化。
2022-11-28 20:51:26
102
原创 浮动的学习一
1:浮动元素会脱离文档流，元素脱离文档流以后，不会再占用文档流的位置，它下边的元素会立即向上移动。元素在文档流的时候，会分块元素，行内元素，行内块元素，各自都有一定的特点。1、设置元素浮动后，元素会脱离文档流，就不会再占据原来在文档流的位置。设置元素浮动后，元素脱离文档流，元素原来在文档流中分类，特点就不复存在。浮动的元素不会盖住文字，文字会自动环绕在浮动元素的周围，5:如果浮动元素的上边是一个没有浮动的块元素，则浮动元素无法上移。当浮动的元素碰到了文字，浮动的元素不会盖住文字，
2022-11-26 14:35:23
38
原创 盒子模型学习2
overflow-x 对水平方向溢出的内容进行设置，垂直方向根据实际需要自动生成。overflow-y 对垂直方向溢出的内容进行设置，水平方向根据实际需要自动生成。在垂直布局中，一般情况下，我们是不设置高度的，让元素被内容撑开。如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素,块元素默认情况下，宽度是父元素内容区的100%，高度是被内容撑开。visible 默认值 文本正常显示。导致父元素的位置发生变化，会影响到父元素下面的布局，如果两个值是负值，谁小听谁的（绝对值谁大听谁的）
2022-11-24 21:06:22
55
原创 盒子模型学习
margin-botoom 设置元素下外边距，正值，元素自己不懂，会挤下面的元素向下移动，负值，下面的元素向上移动。margin-left margin-right 同时调整margin-left margin-right。2、7个值当中，有3个值可以设置auto，margin-left width margin-right。margin-top 设置元素上外边距，如果正值,元素向下移动,如果负值，元素向上移动。margin-left 设置元素左外边距，正值，元素向右移动，负值，元素向左移动。
2022-11-23 20:33:25
46
原创 文本样式学习
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:25:00
55
原创 css选择器
3、所有的选择器权重相加，最高也不会超过上一等级的权重,如再多的类选择器权重相加，也不会超过id选择器权重。定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，不是固定某一定。定义：给父元素或者祖先元素设置有关样式，它会继承到子元素或后代元素上，4、在并集选择器（群组选择器）当中，选择器权重是各算各的,最终谁大听谁的。—功能跟上面相似，不同的是，这是在同类型的子元素中去选择。样式冲突：给同一个元素设置相同的样式名，不一样的样式值，最终哪个样式有效果，:nth-child() 选中第几个元素。
2022-11-21 19:44:37
43
原创 css学习
今天学习了css的一些内容，css是负责网页的样式的部分，网页是一个多层的结构，css可以给每一层结构设置样式，最终看到的是最上面的样式。css中也有时候是需要用多个选择器来筛选，也就是复合选择器，复合选择器有两种，交集选择器，并集选择器。书写位置：head标签内部，写一个style标签，通过选择器选中对应的html结构，[属性名^=属性值]{} 选择属性值以指定值开头的元素。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名*=属性值]{} 选择属性值含有某值的元素。
2022-11-18 20:11:09
88
原创 HTML学习2
知道了列表分为 有序列表 无序列表和自定义列表，知道了什么是结构标签，什么是块元素 行内元素和行内块元素，同时学会了超链接和图片标签，知道了怎么插入音视频。今天继续学习了标签，学会了列表标签。块元素 行内元素 行内块元素。
2022-11-17 19:10:41
73
原创 HTML学习
最基本的网页是由根标签，head标签，body标签组成的，网页所有的内容都要写在html里面，一个网页只能有一个html，head标签和body标签是同等地位的，同属于html这个“父亲”的“儿子”，meta标签是一个自结束标签，属于标签里少数的“单身贵族”，也可以存一些元信息，能帮助浏览器翻译代码，在开始标签里，可以加一些属性和属性值，如。doctype html>是文档声明，要写在html之前，它的作用是告诉网页自己是规范编程的，以免陷入怪异模式，出现乱码。也是一个自结束标签；
2022-11-16 19:31:45
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人