- 博客(12)
- 收藏
- 关注
RSS订阅原创 学习网页结构
可以写多个颜色，默认情况下，颜色是均分的；例如css文件，图片，数据请求。浏览器每加载一个外部资源就需要一个单独的请求，但是我们外部资源并不是同时加载，浏览器会在资源！实现原理：将多张图片整合在一起，然后一次性引入到网站中，减少网站请求，以提高网站性能。5、设置图片的位置，以正确的显示图片（移动整个图片，在窗口显示各个部分）~度数xxdeg 表示角度，度数，会更灵活，正值顺时针，负值逆时针。面试题：请你从提高网站性能上，提出建议（精灵图的使用）！解决图片闪烁的问题，提高网站的性能，可以使用雪碧图。
2022-12-01 18:22:01
88
原创 学习网页结构
写法一：left，right，top，bottom，center通过这几个方位词来调整图片的位置；border-box 默认值，背景色出现在边框下面。padding-box 背景色出现在内边距和内容区。padding-box 默认值，内边距最外面为原点。content-box 背景色出现在内容区。如果引入的图片大于盒子，图片默认显示的是左上角。如果只写第一个，第二个auto，图片自适应大小。conten-box 以内容区为原点。如果引入的图片小于盒子，图片默认会铺满。
2022-11-30 20:25:46
74
原创 学习网页结构
这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便，所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改图标字体，例如可以改变大小，颜色。这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便，所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改图标字体，例如可以改变大小，颜色。如果希望一个元素盖住另一个元素，那么我们就可以提高元素的层级，使用z-index样式，样式值：是一个整数，样式值越大，层级越高，越能够显示在最上面。
2022-11-29 21:00:17
129
原创 学习网页结构
④绝对定位的原点，是相对于其包含块来确定的，一般情况下，如果设置子元素为绝对定位，我们会同时设置其父元素相对定位，以便设置偏移量，这种情况叫“子绝父相”，但最终还是要根据如何方便设置子元素偏移量为准。在定位情况，元素的水平方向，增加了两个值，从原来的7个值变为9个值，但依然遵循过度约束的原则，即水平方向9个值相加必须要等于其父元素内容区的宽度，但如果不等于浏览器会进行约束调整。2、在开启了定位的情况下，其包含快就是离它最近开启了定位的祖先元素，如果其祖先元素都没有开启定位，包含快就是根元素（HTML标签）
2022-11-28 21:07:41
78
原创 学习网页结构
设置元素浮动后，元素会脱离文档流，元素原来在文档流中分类，特点就不复存在了，也就是说行内元素就可以设置宽高了，块元素也不会独占一行了，行内块元素也没有三像素的问题。当浮动的元素碰到了文字，浮动元素不会盖住文字，文字会环绕在浮动元素的周围，从而做出了文字环绕图片的效果，这也是浮动最开始的功能。1、设置元素浮动后，元素会脱离文档流，就不会再占据原来在文档流的位置，设置浮动元素后面的元素就会向上。2、设置元素浮动后，元素会尽可能的向左或者向右浮动，浮动元素不会超过它前一个兄弟，最多一边齐。
2022-11-26 19:01:06
77
原创 学习网页结构
如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素，导致父元素的位置发生变化，会影响到父元素下面的布局，所以这个问题必须要解决。border-box width，height指的是内容区，内边距，边框加起来的大小。默认情况下：盒子的可见宽的大小由内容区，内边距，边框共同决定（可以用来鼠标移入抖动问题）content-box width，height指的是内容区的宽高，默认情况。（1）块元素默认情况下，宽度是父元素内容区的100%，高度是被内容撑开的。hidden 隐藏文本。
2022-11-24 21:02:42
170
原创 学习网页结构
margin-bottom 设置元素下外边距，如果正值元素自己不动，会挤下面的元素向下移动，如果负值下面的元素向上移动。网页中也有很多的元素，将元素摆放在合适的位置，盒模型将页面所有的元素的形状都统一了，你在布局时，只需要考虑元素的大小即可。margin-left 设置元素左外边距，如果正值元素向右移动，如果负值元素向左移动。1、margin-top 设置元素上外边距，如果正值元素向下移动，如果负值元素向下移动。
2022-11-23 21:20:37
88
原创 学习网页结构
就是屏幕上一个个发光的小点，我们眼睛是看不出来的，像素是我们pc端最常用的一个单元，它是一个固定单元。十六进制：0~9abcdef，00表示最小，代替0~255的0，ff表示最大，代替0~255的255。是父元素宽高的百分比，是一个相对单位，会随着父元素宽高的变化而变化，一般情况下，做流式布局比较多。注意：设置文本的对齐方式必须给文本一定的空间，如果行内元素的话，它的宽度是被内容撑开的，也就无法设置。5、HSL值（H-色相 0-360，S-饱和度0-100%，L-亮度0-100%）设置网页如何处理空白。
2022-11-22 20:41:39
213
原创 学习网页结构
样式冲突：给同一个元素设置相同的样式名，不一样的样式值，最终哪个样式有效果，是看选择器的权重，谁的权重高，就有效果。3、所有的选择器权重相加，最高也不会超过上一等级的权重，如在多的类选择器相加，也不会超过id选择器权重。4、 ::before{} 在元素的最前面 必须配合content样式名使用。4、在并集选择器（群组选择器）当中，选择器权重是各算各的，最终谁大听谁的。定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，important进行测试。
2022-11-21 19:39:29
47
原创 学习网页结构
书写位置：在HTML文件外新建一个.css文件，在css文件里面通过选择器选中对应的HTML结构，在花括号里面书写css样式，然后在head标签内写一个link标签将对应的css文件引入到HTML文件内。head标签内部，写一个style标签，通过选择器选中对应的html结构，在花括号里面书写css样式可以写多组样式，样式之间用分隔号；[属性名=属性值]{}选择含有指定属性和属性值的元素。[属性名^=属性值]{}选择属性值以指定值开头的元素。[属性名*=属性值]{}选择属性值含有某值的元素。
2022-11-18 20:13:43
47
原创 HTML的基础标签
超链接:可以是一个字，可以是一个块元素，可以是图片，可以是任何内容,特殊的行内元素，可以包裹任何元素，除了它自己默认样式：字体有一定颜色，有下划线。常用块元素：div、p、h1-h6、header、main、footer、nav。绝对地址：不管你的html文件在哪里，超链接去的地方是确定的，是绝对。1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素。类似：大列表里有很多的小列表，每个小列表里有标题，有对标题的解释。4、最常用ol、ul，在实际的使用中，一般不做有顺序或者无顺序区分。
2022-11-17 18:56:41
218
原创 HTML的一些常用标签
今天主要讲网页结构和HTML的一些常用标签。首先在自己的电脑上下载一个vscode，安装好了之后分别下载Chinese、Chinese Lorem、Live Server、open in browser、Vetur五个插件。随后就开始了今天的学习，首先介绍了网页的主要结构。标签，根标签/根元素 所有的网页内容都要写在html里面.标签，保存一些元信息 它里面的内容，用户是看不到的主要是帮助浏览器编译代码。标签 ’ 书写网页的主体内容，所有的给用户看的，都写在body里面。
2022-11-16 19:39:26
1053
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人