- 博客(23)
- 收藏
- 关注
RSS订阅原创 （九）浮动的性质（1）
如果父盒子的宽度不够，子盒子会依次贴边，但是如果前面元素中有空隙，当前需要贴边的元素不会钻空，不会出现钻空的现象，而之会查询剩余宽度实现依次贴边。答：浮动元素，脱离标准流后，既可以设置宽度和高度，也可以实现并排显示，不区分元素状态，也就是不区分行内元素和块级元素。浮动元素脱离了标准流，它会让后面的元素占有自己原来的位置，显示效果上来看仿佛是自己“飘”起来了，我们称之为脱标了。标准流中的元素都有自己的一个标准流位置，后面的元素只能在前面元素的后面进行加载。如果某一个子盒子的宽度大于了父盒子，会有溢出状态。
2025-12-16 19:06:14
332
原创 （七）标准文档流&浮动
思考一个问题，我们开发网页是更像写word还是更像画图？答更像写word，因为我们开发网页有自己的书写规律，从上往下，从左往右，前面内容的变化会影响后面内容的位置。以上也是标准文档流的特性。HTML文件就是一种标准文档流文件，也有自己的一些特性。
2025-12-14 17:45:15
263
原创 （六）盒模型扩展
在垂直方向上，如果有相遇的margin，两个盒子之间不是属性值的和，而是比较两个盒子谁的margin更大，使用的就是margin值更大的高度。父子盒子，如果子盒子设置margin-top，父盒子没有设置或者margin-top的值小于了子盒子，此时会存在margin塌陷的现象。如果盒子没有设置高度，则被内容撑高，如果设置了高度，内部高度大于盒子本身的高度，不会被隐藏，会自动超出盒子内容显示。关于高度超出部分，是有属性可配置的。盒子的垂直居中，和文字的类似，父盒子不设置高度，而设置上下padding。
2025-12-12 18:40:22
713
原创 (五）CSS盒模型
又叫框模型、是css的重要布局属性，包含了五个属性，width（宽度）、height（高度）、padding（内边距）、border（边框）、margin（外边距）盒子的实际加载区域：width+height盒子可实体化显示区域：width+height+padding+border盒子实际占位区域：width+height+padding+border+margin查看控制台方法：第一步，右击选择检查第二步，选择elements：第三步查看元素：查看元素内容和盒模型：我们看下面c
2025-12-03 19:05:12
825
原创 （四）CSS文字属性的深入
在Fireworks中获取文字的行高，先使用文字工具书写两个相同的文字使之与图片中的文字重合，再按回车键在第二行书写两个文字。接着设置行高栏的单位为像素，调整行号的属性值，直至第二行的两个文字也与图片中的文字重合。部分特殊的十六进制是可以简化的，比如黑色#000000可以简化为#000，有些是不能简化的，比如#00ffab这种是不可以简化的。测量方法：使用Fireworks软件，书写一个文字，然后使用文字工具，输入相同的2个或者以上数量的数字，调整大小，调整字体，直到文字完全重合。
2025-12-02 17:40:18
628
原创 （三）CSS的继承性和层叠性
如果类名选择器数量相同或者没有，则比较标签选择器，数量多的获胜，如果所有选择器数量相同，后写的覆盖先写的。遇到了复杂的选择器，首先看是否同时选中同一个元素，如果都选择的是同一个元素，则数权重，如果层级不同，比如有的是父亲级别，有的是爷爷级别，使用就近原则，谁离得近听谁的；如果被多个选择器同时选中，首先看id的，如果没有id的，看class的，如果没有class的，看标签的。如果都没有选择中对应标签，就看谁离得近，离得近的就是被选中的，如果选择的都是同一个元素中，再去数权重。现在如果都没有选中，怎么办？
2025-11-29 20:01:21
401
原创 （一）CSS常用属性及样式表
link标签的作用就是引入外部文件，通过href属性，属性值是文件地址，rel属性值如果是stylesheet，代表的就是引入样式表。盒子的三属性width、height、background-color，width：是宽度的意思，height：是高度意思，常用的属性值都是以px为单位的数值。css文件的内部不需要写任何的标签，直接书写css选择器和代码，因为css文件内部是不允许属性HTML骨架的。CSS有两个重要的概念，分别是样式和布局。CSS的样式分为两种，一种是文字的样式，一种是盒模型的样式。
2025-11-28 20:24:38
253
原创 （六）HTML表格
的，如果没有这个属性，边框不显示，第二个属性style="border-collapse:collapse"是css样式，作用就是合并表格。一个完整的表格主要包含三个部分：表格标题、表格表头、表格的主体。td：table dock，作用是定义表格的单元格。tr：table rows，作用是定义了表格的行。thead： 定义表格的头部，内部嵌套tr>th。tbody： 定义表格主题，内部嵌套tr>td。table：作用是定义了一个表格的结构。caption： 定义表格的主题。关系：table>tr>td。
2025-11-27 20:23:12
343
原创 （四）HTML常见标签
如果从浏览器的角度去考虑，它的权重在搜索引擎的优化，搜索引擎的优化除了会抓取meta标签配置的keywords之外还会优先抓取标题的内容，，一个页面只使用一个h1，通常用来制作网页的logo，如果你在页面中设置了多个h1标签，搜索引擎会认为你在作弊，从而降低排名。设置一个空锚点，然后给这个空锚点设置一个name属性值和锚的href属性是一样的锚，href属性，后面一定要加#号。从我们对文本的定义来讲，权重就是文本的权重，比如设置h标签的文字就赋予了标题的语义。
2025-11-26 20:20:37
1311
原创 （三）HTML基本语法
标签属性是标签身上的一些特殊性质，通俗讲，给标签加上某个属性就相当于给标签赋予了职能，前提是标签必须具备这些职能。4)根据标签内部存放的内容不同，将不同的标签划分为两个级别，根据标签的种类区分两个级别，分别是容器级和文本级。5)在上传代码过程中，为了提高传输速度，可以将代码进行压缩，删除多余的空白，目的就是问了压缩文件的大小。在普通文字之间，如果有空格、换行、缩进导致的空白，在浏览器中加载时会被。，双标签必须成对出现，有开始标签和结束标签。：在开始标签或单标签的标签名后面，添加一个。
2025-11-26 17:11:50
375
原创 （二）HTML骨架
DTD（Document Type Definition，文本类型定义），必须出现在第一行，让浏览器知道是什么类型的文件。在计算机中所有的字实际上都是按照某种规律排列而成，不同的字符集有不同的规律。答：如果你的网页使用场景面向群体是国际化的，使用UTF-8，比如中华网；edge是win10中的IE升级版浏览器，这句话的意思是表示设置为让edge和ie渲染方式一样。如果加上这个视口，手机看网页就是“APP”模式，将以APP的状态、字号看页面。如何修改字符集，比如现在使用的字符集是gbk，修改为UTF-8。
2025-11-22 21:23:17
747
原创 互联网的原理
是一种用于访问万维网或本地网络中信息的客户端软件应用程序。常见的浏览器有Google Chrome、Apple Safari、Mozilla Firefox、Microsoft Edge、Opera等等。服务器是一种为其他计算机或程序（称为“客户端”，client）提供数据、服务或资源的计算机硬件或软件。简单来说，服务器就是互联网世界的“后勤中心”和“服务提供者”。工作模式采用经典的客户端-服务器模式和请求-响应模式。服务器具有高速的CPU运算能力、长时间的可靠运算能力。
2025-11-20 21:09:59
275
原创 （一）HTML简史和发展史
HTML（hypertext markup language）全称译为超文本标记语言,其译文代表了HTML的含义，它和其他编程语言不同的是，HTML不是一门真正意义上的编程语言，而是一种标记语言，通过带有尖角号的标签对文本进行标记，从而实现网页的结构搭建。
2025-11-20 20:38:39
419
原创 NAT技术和 VPN技术
在IPV4地址日益紧张的环境下，公网地址的分配并不能一对一的满足每个私有IP用户，所以NAT过载技术支持将多个私网IP地址转换为一个或多个公网IP地址，“过载”就是形容一个公网IP地址可以承载多于公网IP地址数的私有IP地址，使用的方法是在这个公网IP地址上开放不同的端口，每个私有IP地址都对应一个端口号，以此实现多个私有IP转换为一个公网IP地址，实现对公网资源的访问，所以NAT过载也称为PAT，即Port Address Translation，端口地址转换。，把私有IP地址使用的端口号。
2024-07-18 15:27:37
1590
原创 HTML基础知识--列表
dt(definition term)，定义主题或者定义术语，表示一个列表的主题；作用：定义一个有序列表的列表结构，由两个标签组成，ol(ordered list)，译义为“有序列表”，li(list)，译义为“列表项”。无序列表项之间没有先后顺序之分，列表项之前的前缀样式是有CSS去控制的，目前只负责结构的搭建就可以了。每个dt主题的后面可以跟0-多个解释的dd，每个dd解释的就是上一个最近的dt。ol标签的内部必须只能嵌套li，li标签的内部可以嵌套任何标签，甚至是ul。列表通常由一组标签组成。
2024-05-06 20:45:27
332
原创 HTML基础知识(一)——锚点＜a＞＜/a＞
方法一:设置一个空锚点，然后给这个空锚点设置一个name属性，值和锚的href属性值一样。(2)target:作用是是否在新标签页打开链接，值一定是"_blank"(1)href:hypertext reference(超文本引用)作用:在指定位置添加一个超级链接，从而实现相应的跳转。(3)title属性:作用是鼠标移上文字之后的悬停文本。锚点的作用:实现点击链接从而实现页面内的跳转。方法二:设置锚点的点的id属性。英文anchor(锚)
2024-04-22 22:01:16
1277
原创 HTML基础知知识(一)——img标签
相对路径:从html文件出发，找到对应图片位置的路径。html文件在案例1文件夹中，金门大桥图片在images文件夹中，先出案例1文件夹，再进入images文件夹。盘符绝对路径:通过盘符根目录去查找对应文件的位置，工作中不使用这种方法，因为服务器没有C盘这些目录。实际工作中宽度和高度并不会共同使用，因为如果只单独设置了一个属性比如宽度，高度会等比例进行缩放。(5)title:设置鼠标移上图片时候的悬停文本。(4)height:设置图片的高度。(3)width:设置图片的宽度。(1)src：引入图片的路径。
2024-04-22 21:35:12
6908
原创 分支和循环语句自我总结
最近学习了C语言分支和循环语句，知识点内容比较细致。大概上讲，分支语句有if和switch分支语句，循环有while,do while和for循环。还有学习了条件运算符，关系运算符和逻辑运算符。
2024-01-24 12:44:22
436
1
原创 初熟C语言的专业生的自我介绍
想学编程，就从入学第一课C语言开始吧，自认为这门课程是在大学期间学习地相对比其他课程扎实的课程，不说学的有多好，反正赶着大一新学期的好奇心和新鲜劲儿，学到了很多知识，打开了自己在编程世界的大门。学习编程，我主要是想给之前的知识做个梳理，学习C语言是为了给编程语言打基石，未来我还想学习方向的课程。我打算每周在编程上花费14h+的时间，在工作期间保持着每天2h左右的学习，其中包括网课，习题和实操。希望新年，龙马精神，龙腾虎跃，生活龙飞凤舞，生龙活虎，学业蒸蒸日上。
2024-01-16 20:52:51
378
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人