- 博客(13)
- 收藏
- 关注
原创 背景样式的重要知识点
可以同时为一个元素指定背景颜色和背景图片,这样背景颜色将会作为背景图片的底色。如果背景图片小于元素大小,则会默认将背景图片平铺以充满元素。- 如果指定的是一个正值,则图片会向右移动指定的像素。- 如果指定的是一个负值,则图片会向左移动指定的像素。- 如果指定的是一个正值,则图片会向下移动指定的像素。- 如果指定的是一个负值,则图片会向上移动指定的像素。border-box 默认值,背景颜色会出现在边框的下边。如果背景图片和元素一样大,则会将背景图片全部显示。如果背景图片大于元素,默认会显示图片的左上角。
2022-12-02 23:53:23
124
1
原创 图标字体和轮播图相关知识点
这些内容可以直接用图片代替,但图片一般都是比较大的,而且修改起来也不方便,所以可以直接使用图标字体,把它们就当成字体,可以用字体相关的样式,去修改。图标字体在一些大的框架系统里,或者一些大的网站,很多大牛都已经归纳好,那我们直接使用即可,使用的方式方法大同小异。opacity、rgba、transparent,都可以设置透明的时候,几者的区别是什么?使用z-index样式,样式值:是一个正整数,值越大,层级越高,越能够显示在最上面。网页中会有很多小的图片,例如,购物车,小箭头,定位等,
2022-12-01 19:35:05
221
原创 定位的重要知识点
2、开启粘滞定位后,元素位置不发生改变,需要配合偏移量使用,一般情况下,是配合top值使用,在没有到达top值之前,元素是随着滚动条滚动而滚动,当到达top值之后,元素就不会随着滚动条滚动而滚动了。3、开启了绝对定位,元素脱离文档流,元素的性质就会发生变化,不再区分块还是行内还是行内块,也就是块元素不会独占一行了,行内元素可以设置宽高等等。一般情况下,如果设置子元素为绝对定位,我们会同时设置其父元素相对定位,以便设置偏移量,这种情况叫“子绝父相”,1、在没有定位的情况下,其包含块就是其父元素或祖先元素。
2022-11-30 19:48:48
233
原创 高度塌陷问题
一般情况下,我们不会给父元素设置指定的高度,都是让他被内容撑开的, 如果我们给子元素设置浮动,子元素会脱离文档流,一旦元素脱离文档流了,子元素就不能再撑开父元素的高度了,导致父元素的高度丢失,而且会导致,页面布局混乱,这就叫高度塌陷。
2022-11-29 16:46:00
60
原创 浮动的重要知识点
块元素在文档流中默认垂直排列,所以这个三个div自上至下依次排开,如果希望块元素在页面中水平排列,可以使块元素脱离文档流。使用float来使元素浮动,使一个元素向其父元素的左侧或右侧移动,从而脱离文档流可选值:none,默认值,元素默认在文档流中排列left,,向页面的左侧浮动right,向页面的右侧浮动浮动的特点:1:浮动元素会脱离文档流,元素脱离文档流以后,不会再占用文档流的位置,它下边的元素会立即向上移动2:元素浮动以后,元素会尽量向页面的左上或页面右上漂浮。
2022-11-28 20:00:57
360
原创 css盒子模型相关知识点二
如果父子元素的垂直外边距相邻了,则子元素的外边距会传递给父元素,导致父元素的位置发生变化,会影响到父元素下面的布局,所以这个问题必须要解决。overflow-x 对水平方向溢出的内容进行设置,垂直方向根据实际需要自动生成。overflow-y 对垂直方向溢出的内容进行设置,水平方向根据实际需要自动生成。scroll 生成双向的滚动条,可以通过滚动条查看完整的内容。如果两个值是负值,谁小听谁的(绝对值谁大听谁的)。visible 默认值 文本正常显示。如果两个值都是正值,谁大听谁的。
2022-11-25 20:37:09
455
原创 css盒子模型相关知识点
margin-botoom 设置元素下外边距,正值,元素自己不懂,会挤下面的元素向下移动,负值,下面的元素向上移动。浏览器规定,元素水平方向7个值相加,必须要等与其父元素内容区的宽度,如果不等于,浏览器就会进行调整,让等式成立。2、7个值当中,有3个值可以设置auto,margin-left width margin-right。margin-top 设置元素上外边距,如果正值,元素向下移动,如果负值,元素向上移动。margin-left 设置元素左外边距,正值,元素向右移动,负值,元素向左移动。
2022-11-24 17:41:17
65
原创 关于css字体样式的重要知识点
可以将字体设置为这些大的分类,当设置为大的分类以后,浏览器会自动选择指定的字体并应用样式, 一般会将字体的大分类,指定为font-family中的最后一个字体 ,用来兜底。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····,是当前字体大小的倍数。用十六进制的值来表示0-255之间的数值,表示红色,绿色,蓝色的浓度。
2022-11-23 18:20:42
232
原创 css伪类选择器相关知识点
3、所有的选择器权重相加,最高也不会超过上一等级的权重,如再多的类选择器权重相加,也不会超过id选择器权重。样式冲突:给同一个元素设置相同的样式名,不一样的样式值,最终哪个样式有效果,是看选择器的权重,谁的权重高,就有效果。4、在并集选择器(群组选择器)当中,选择器权重是各算各的,最终谁大听谁的。5、::after 在元素的最后面,必须要配合content样式名使用。一般情况下,可以测试使用,测试是否是选择器权重的问题。定义:不真实存在的类,是一种特殊的类,它表示的元素的一种状态,不是固定。
2022-11-21 20:25:18
151
原创 初学css的重要知识点
书写位置:在html文件外,新建一个.css文件,在css文件里通过选择器选中, 对应的html结构,在花括号里面书写css样式,然后在head标签内写一个link标签将对应的css文件引入到html文件内。书写位置:head标签内部,写一个style标签,通过选择器选中对应的html结构,在花括号里面书写css样式,可以写多组样式,样式之间用;通过确定属性以及属性值来选中对应的内容,例如id属性,class属性,src属性,href属性。[属性名=属性值]{} 选择含有指定属性和属性值的元素。
2022-11-18 20:24:16
78
原创 重点学习html的列表和超链接
超链接:可以是一个字,可以是一个块元素,可以是图片,可以是任何内容,特殊的行内元素,可以包裹任何元素,除了它自己。3、a标签的属性有哪些, 其中target属性,有哪些属性值,能达到什么效果,a标签的路径问题。1、块元素主要是用来布局,里面可以放任何元素,块元素、行内元素、行内块元素。dl,dt,dd,都是配套使用,不要混合使用。section 独立的区块,上面的标签都不合适,就用这个 ,用来代替div。">空链接2绝对地址:不管你的html文件在哪里,超链接去的地方是确定的,是绝对的。
2022-11-17 20:25:07
330
原创 初学html 的重要知识点
1、html标签有成双成对的,也有自结束标签2、html中是不区分大小写,但一般用小写居多3、标签可以嵌套,但不可以交叉嵌套4、养成良好的注释的习惯,简洁、明了,注释也不可以嵌套5、html,css,js都是一种宽泛的语言,它的容错率比较高它会给你自动纠错,但我们要尽量避免,防止网站的性能有所影响, 而且它改的不一定是你想要的。
2022-11-16 20:30:45
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人