- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 0基础学习网页结构编程
！浏览器编译网站是有顺序，显示html结构，然后再加载外部资源；例如css文件，图片，数据请求背景图片是以外部资源的形式加载进网页的浏览器每加载一个外部资源就需要一个单独的请求，但是我们外部资源并不是同时加载，浏览器会在资源使用才去加载资源第一个练习：分了三次请求问题： （1）第一次切换图片时，会发现图片有一个非常快的闪烁（2）网站性能不好！！
2022-12-01 12:24:16
70
原创 0基础学习网页结构编程
写法一：left，right，top，bottom，center通过这几个方位词来调整图片的位置；border-box 默认值，背景色出现在边框下面。padding-box 默认值，内边距最外面为原点。如果引入的图片大于盒子，图片默认显示的是左上角。设置背景图片的偏移量计算的原点，配合偏移量使用。如果只写第一个，第二个auto，图片自适应大小。contain 图片比例不变，图片完整显示。如果引入的图片小于盒子，图片默认会铺满。也没有数量的要求，不写的样式就是默认值。
2022-11-30 17:15:22
120
原创 0基础学习网页结构编程
（1）网页中会有很多小的图片，例如，购物车，小尖头，定位等；这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便，所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改图标字体，例如可以改变大小，颜色。如果希望一个元素盖住另一个元素，那么我们就可以提高元素的层级，使用z-index样式，样式值：是一个整数，样式值越大，层级越高，越能够显示在最上面。图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们直接使用即可，使用的方法大同小异。
2022-11-29 18:52:04
196
原创 0基础学习网页结构编程
（在定位的情况下，元素的水平方向，增加了两个值，从原来的7个值变为9个值，但依然遵循过度约束原则，即水平方向9个值相加必须要等于其父元素内容区的宽度，如果不等于的话，浏览器会进行自动调整）！③开启了绝对定位，元素脱离文档流，元素的性质就会发生变化，不再区分块还是行内，也就是块不会独占一行了，行内也可以设置宽高了。③在绝对定位的情况下，如果right，left，top，bottom，width为固定值，元素就会水平垂直居中。④开启相对定位后，元素的性质不会发生变化，块还是块，行内还是行内。
2022-11-28 21:09:00
62
原创 0基础学习网页结构编程
设置元素浮动后，元素会脱离文档流，原来在文档流中的分类特点就不复存在了，行内元素可以设置宽高了，块元素不会独占一行了，行内块元素也没有三像素问题了。当浮动的元素碰到文字，浮动元素不会盖住文字，文字会环绕在浮动元素的周围，从而做出了文字环绕图片的效果，这也是浮动最开始的功能。①设置元素浮动后，会脱离文档流，就不会再占据原来在文档流的位置，浮动元素后面的元素就会向上。元素在文档流的时候，会分块元素，行内元素，行内块元素，各自有一定特点。②设置元素浮动后，元素会尽可能的向左向右浮动，它不会超过前一个兄弟。
2022-11-26 19:25:37
51
原创 0基础学习网页结构编程
如果父子元素的垂直外边距相邻了，则子元素的外边距会传递给父元素，导致父元素的位置发生变化，会影响到父元素下面的布局，所以这个问题必须要解决。border-box width，height指的是内容区，内边距，边框加起来的大小。content-box width，height指的是内容区的宽高，默认情况。（1）块元素默认情况下，宽度是父元素内容区的100%，高度是被内容撑开的。在垂直布局中，一般情况下，高度是不设置的，让它被元素撑开。~如果两个值是一正一负，那最终的值是两者相加。
2022-11-24 21:29:34
48
原创 0基础学习网页结构编程
网页中有很多的元素，将元素摆放在合适的位置，盒模型将页面中所有元素的形状都统一了，你在布局时只需要考虑到元素的大小即可。②如果7个值当中有三个值可以设置auto（margin-left ，width， margin-right）之前将元素分为三类，块元素，行内元素，行内块元素，分别具有一些特点，这些特点都是元素在文档流中的特点。，块元素，行内元素，行内块元素等默认布局方式），浮动，定位，弹性盒子。margin-left，margin-right， 同时调整left，right。
2022-11-23 21:01:29
68
原创 0基础学习网页结构编程
注意：设置文本的对齐方式，必须要给文本一定的空间，如果是行内元素的话，它的大小宽度是被内容撑开的，就无法设置。就是电脑屏幕上的一个个发光的小点，我们眼睛是看不出来，像是是我们pc端最常用的一个单位，它是一个固定单位。可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式.（H-色相 0-360，s-饱和度 0-100%， L-亮度 0-100%）（2）可以写倍数，1，2，3..... ，是当前字体大小的倍数。也是一个相对单位，相对于当前元素的字体大小来计算最终大小，
2022-11-22 20:34:28
162
原创 0基础学习网页结构编程
：after{content：“......”} 在元素的最后面使用，也要配合content使用。样式冲突：给同一个元素用不同的选择器设置相同的样式名，不一样的样式值，最终看选择器的权重显示相应的效果。3、所有的选择器权重相加，最高也不会超过上一等级的选择器权重，如再多类选择器相加也无法超过id选择器。4、在并集选择器当中（群组选择器）中，权重是各算各的，最终谁大听谁的。2、组合选择器的话要让所有选择器的权重相加，最终谁大听谁的。
2022-11-21 19:45:09
67
原创 0基础学习网页结构编程
书写位置：在html文件外，新建一个.css文件，在css文件里面通过选择器对应的html结构，在花括号里面书写css样式，然后在head标签里面写一个link标签将对应的css文件引入到html文件内。书写位置：在head标签内部，写一个style标签，通过选择器选中对应的html结构，在花括号里面书写css样式，可以写多组样式，样式之间用；通过确定属性以及属性值来选中对应的内容，例如id属性，class属性，src属性，title属性（鼠标放上去显示）后代选择器：通过指定的祖先元素找到指定的后代元素。
2022-11-18 20:12:40
594
原创 0基础学习网页结构编程
特点：1：会独占一行。2：默认情况下，块元素的宽度是视口的百分百。3：默认情况下，块元素的高度是我们内容的高度（被内容撑开）三、超链接a：可以是一个字，一个块元素，可以是图片，可以是任何内容。它是特殊的行内元素，可以包裹任何元素，除了它自己。1：块元素主要是用来布局的，里面可以放任何元素，块元素，行内元素，行内快元素。去底部，去中间，去任意位置：先给要去的位置打个标记，在href里填写标记。绝对地址：不管你的html文件在哪里，超链接去的地方是绝对的。①列表之间是可以相互嵌套的，ol，ul，li是块元素。
2022-11-17 18:48:11
228
1
原创 0基础学习网页结构编程
div是一种特殊的标签，它没有明确的语义，属于块元素。q是引用标签，用于名言古句的引用。③编程的开始我们要创建一个以文件夹用来储存所编程网页的数据文件，我们最先要学习的是使用HTML进行网页的布局，一个完整的网页大体由组成，其中标签是一种用来制作超文本文档的简单标记语言，是网页制作的一种规范、一种标准。5：html，css，js都是一种宽泛的语言，它的容错率比较高，它会给你自动纠错，但我们要尽量避免，防止网站的性能有所影响，而且它改的不一定是你想要的。
2022-11-16 19:38:49
1055
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人