- 博客(12)
- 收藏
- 关注
RSS订阅原创 HTML基础知识——背景知识（2）
(2)xxdeg 表示角度，度数，会更灵活,正值顺时针，负值逆时针。1：linear-gradient(方位,颜色1,颜色2) ['ɡreidiənt]参数1:表示方位，（可选值，不写默认是to bottom）解决图片闪烁问题，提高网站的性能，可以使用 雪碧图/精灵图 ,学名：图片整合技术。可以写多个颜色，默认情况下，颜色是均分占比的。水平方向：正值 图片向右，负值 图片向左。垂直方向：正值 图片向下，负值 图片向上。也可以手动的指定渐变的分布情况。将多张图片整合在一起，然后一次性引入到网站中，
2022-12-01 21:14:36
221
1
原创 HTML基础知识——背景
background-size要写在background-position后面。padding-box 背景不会出现在边框，只会出现在内容区和内边距。- 如果指定的是一个正值，则图片会向右移动指定的像素。- 如果指定的是一个负值，则图片会向左移动指定的像素。- 如果指定的是一个正值，则图片会向下移动指定的像素。- 如果指定的是一个负值，则图片会向上移动指定的像素。border-box 默认值，背景颜色会出现在边框的下边。4:background-position可以调整背景图片在元素中的位置。
2022-11-30 20:29:00
228
原创 HTML基础知识——定位（2）
rgba、transparent是样式值，必须跟在特定的样式名后，才可以设置透明效果。使用z-index样式，样式值：是一个正整数，值越大，层级越高，越能够显示在最上面。这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便。所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改。图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们。网页中会有很多小的图片，例如，购物车，小箭头，定位等，样式值：0-1之间，0是透明，1是不透明。
2022-11-29 20:45:28
288
原创 HTML基础学习——定位
我们会同时设置其父元素相对定位，以便设置偏移量，这种情况叫“子绝父相”，1、开启了绝对定位，如果不配合偏移量使用，元素的位置没有发生变化。2、开启了绝对定位后，元素会脱离文档流，下面的元素就会跑上去。1、开启了相对定位，如果不配合偏移量使用，元素不会发生任何变化。3、开启了相对定位后，元素的层级会变高，也就是会盖住其他的元素。3、开启了绝对定位，元素脱离文档流，元素的性质就会发生变化。2、相对定位，是相对于元素原来在文档流中的位置定位。4、开启了相对定位后，元素的性质不会发生变化，
2022-11-28 21:57:34
3053
原创 HTML基础学习——浮动及高度塌陷
元素在文档流的时候，会分块元素，行内元素，行内块元素，各自都有一定的特点。1、设置元素浮动后，元素会脱离文档流，就不会再占据原来在文档流的位置。设置元素浮动后，元素脱离文档流，元素原来在文档流中分类，特点就不复存在。3、如果浮动元素前一个兄弟没有浮动，浮动的元素不会跑上去。浮动的元素不会盖住文字，文字会自动环绕在浮动元素的周围，当元素设置浮动以后，会完全脱离文档流，元素的一些特点也会发生改变。2、设置元素浮动后，元素会尽可能向左或者向右浮动。当浮动的元素碰到了文字，浮动的元素不会盖住文字，
2022-11-26 20:26:07
204
原创 HTML基础学习——盒子模型（2）
overflow-x 对水平方向溢出的内容进行设置，垂直方向根据实际需要自动生成。overflow-y 对垂直方向溢出的内容进行设置，水平方向根据实际需要自动生成。scroll 生成双向的滚动条，可以通过滚动条查看完整的内容。auto 根据实际的内容出现滚动条。visible 默认值 文本正常显示。hidden 裁剪掉多余的内容。使用overflow属性设置父元素如何处理溢出的子元素。
2022-11-24 21:18:26
56
原创 HTML基础学习——盒子模型
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:54:38
298
原创 HTML——基础学习
是父元素的宽高的百分比，是一个相对单位，会随着父元素宽高的变化而变化。也就是1em=1个font-size。如果当前的元素没有设置字体大小，也是一个相对单位，相对于根标签html的字体大小来计算最终大小。也是一个相对单位，相对于当前元素的字体大小来计算最终大小，就是电脑屏幕上的一个个发光的小点，我们眼睛是看不出来,像素是我们pc端最常用的一个单位，它是一个固定单位。也就是1rem=1个html的font-size。最终继承到html默认的字体大小，是16px。那么会继承祖先元素的字体大小，
2022-11-22 20:53:51
84
原创 HTML常用选择器——制作一个简单网页
3、所有的选择器权重相加，最高也不会超过上一等级的权重,如再多的类选择器权重相加，也不会超过id选择器权重。定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，不是固定某一定。定义：给父元素或者祖先元素设置有关样式，它会继承到子元素或后代元素上，4、在并集选择器（群组选择器）当中，选择器权重是各算各的,最终谁大听谁的。—功能跟上面相似，不同的是，这是在同类型的子元素中去选择。样式冲突：给同一个元素设置相同的样式名，不一样的样式值，最终哪个样式有效果，:nth-child() 选中第几个元素。
2022-11-21 20:07:21
376
原创 css基础知识——入门第一天
通过确定属性以及属性值来选中对应的内容，例如id属性，class属性，src属性，href属性。书写位置：开始标签的style属性里，将css样式写在style属性值里面可以加入多个样式，只要使用分隔号隔开。书写位置：在html文件外，新建.css 文件，通过选择器选中对应html结构，在花括号里面书写css样式。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。[属性名*=属性值]{} 选择属性值含有某值的元素。
2022-11-18 20:37:49
102
原创 部分html标签学习分享——制作歌曲推荐网页
JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明。类似：大列表里有很多的小列表，每个小列表里有标题，有对标题的解释。绝对地址：不管你的html文件在哪里，超链接去的地方是确定的，是绝对。- PNG支持的颜色多，并且支持复杂的透明，不支持动图。- GIF支持的颜色少，只支持简单的透明，支持动态图。1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素。注意：很多路径规则都是一样，包括图片、音视频跳转等。4、最常用ol、ul，在实际的使用中，一般不做有顺序或者无顺序区分。
2022-11-17 19:12:38
426
原创 基础Code运用——编译一个网页
这些字符已经提前被编译器或者浏览器征用，我们不能正常使用，我们要用一些额外的字符来代替这些额外的字符就叫实体。head标签 保存一些元信息 它里面的内容，用户是看不到的， 主要是帮助浏览器编译代码。title标签是网页的标题，显示在标题栏中，我们不关注它显示在哪里，关注的是他的语义。5、html，css，js都是一种宽泛的语言，它的容错率比较高。alt 是对图片的描述，正常情况下，alt的内容是不显示，body标签 书写网页的主体内容，所有的给用户看的，都写在body里面。
2022-11-16 18:39:51
746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人