- 博客(14)
- 收藏
- 关注
RSS订阅原创 关于Flex弹性布局（二）
flex：定义子项目分配剩余空间，用flex表示所占份数。align-self:控制子项自己在侧轴的排列方式。order:定义项目的排列顺序。
2023-06-30 09:54:59
195
原创 关于flex弹性布局（一）
在flex中主侧轴可变化，当flex-direction设置主轴后，剩下的就是侧轴，而我们子元素是跟随主轴来排列的。align-content:space-between： 子项在侧轴分布两头，再平分剩余空间。justify-content：flex-start： 从头部开始。justify-content：flex-end： 从尾部开始。flex-flow:是flex-direction flex-wrap属性的符合属性。
2023-06-28 16:45:31
201
1
原创 视觉差效果
最近在阅览Artnet时候，看到了一副让我触动的作品，而让我意外的是，在当篇artnet展示栏目上采用了窗口固定，这种层叠式的设计理念，搭配上出手于国外名家之手的作品不禁令人感叹。那么在网页中，我们可以使用 background-attachment: fixed;将背景图固定在窗口上。我们会发现这三张照片进行覆盖出场，这就是CSS中的视觉差效果。我们可以发现背景图片被固定在窗口上，不随页面而滚动。感兴趣的可以去知乎网页实践，在此不再演示了。
2023-05-21 18:27:18
222
原创 Web基础:CSS的图像和背景
在之前HTML5的学习中，我们认识了图像标签，那么在CSS中，我们进一步加深对图像标签的修饰和用法标签包含width和height属性，使用它们可以控制图像的大小，同时使用CSS中的width和height标签可以更灵活的设计图像大小。
2023-04-20 20:04:58
198
原创 Web基础：CSS的常规布局———盒子模型
网页布局一般通过栏 列 行等组合来实现布局，现代浏览器都有两个模式：怪异模式和标准模式，在标准模式下，border padding width height都是各自独立的区域一般在没有定义边框的情况下，中间的栏目可以实现并列显示，但当他们超出所定义边框时，由于总行度超过了所设定，就会出现错行显示，为避免这种情况发生，我们通过事先设定好各区域所需大小，从而解决此问题，下面我以最常见的网页布局模式进行演示：上述就是我们在预览浏览器时最常看到的布局模式，源代码如下：上述布局我们很容易发现，在网页的每一个区域
2023-04-19 18:20:13
3072
原创 HTML5项目实战（模板）
第二步：根据前面讲述的知识，最大额度的使用HTML新结构元素。第一步：新建HTML5文档，保存为****.html。整个页面包含两个部分：标题部分和主要内容部分。我们可根据上述代码模板来编写自己想要的网页。主要内容部分：导航、文章块、侧边栏、脚注。标题部分：网站标题、副标题、提示性表体。文章块：标题部分、正文部分、脚注部分。
2023-04-14 15:47:10
188
原创 Web基础：CSS中的选择器
在网页设计中，为了使用CSS对HTML页面中的元素实现一对一，一对多，多对多的控制，这就需要CSS选择器的辅助，接下来为小编为大家介绍常用的选择器。
2023-03-15 21:05:22
314
原创 Web基础：初步认识CSS及样式表
CSS中文称层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现或等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。1）每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值2）属性必须放在花括号中，属性与属性值用冒号链接3）每条声明用分号结束4）当一个属性具有多种属性值时，属性与属性值不分先后顺序选择符{属性1：属性值1;属性2：属性值2;}
2023-01-01 15:37:23
956
原创 Web基础：HTML标签的属性
在前面的几篇文章里,小编已经为大家展示了html的基础标签，我们已经具备了自主开发网页的基础能力，这篇文章给大家展示一下在我们还没有学习css以及js方面知识的时候，如何制作出较为漂亮的网页。
2022-12-29 23:23:00
1446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人