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