2024-10-15 23:10:06
1295
779
对于前端初学者来说,制作一个简单的静态网页是入门的第一步。今天,我们将一起学习如何使用 HTML 和 CSS 创建一个包含文本、图片和链接的静态网页,帮助你快速掌握基本的网页制作技能。首先,创建一个新的 HTML 文件,命名为 。你可以使用任何代码编辑器,如 VSCode、Sublime Text 或 Notepad 。二、创建基本结构在 标签中,添加网页的基本内容,包括标题、段落和列表。 和 标签用于标题。 标签用于段落文本。 和 标签用于无序列表。三、使用 CSS 美化页面_静态网页制作
2024-10-15 23:10:14
361
501
随着互联网技术的不断发展,用户访问网页的设备种类日益增多,从传统的桌面电脑到现在的智能手机、平板电脑等移动设备,以及各种不同尺寸的屏幕,都给网页设计带来了新的挑战。为了适应这种多样化的显示环境,CSS3 引入了多媒体查询(Media Queries)这一功能,它允许开发者根据不同的设备特性来应用不同的样式规则,从而实现更加灵活和响应式的网页设计。_media css
2024-10-15 23:10:10
756
350
*高宽分别对应横竖滚动条的尺寸*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*//*滚动条里面小方块*//*滚动条里面小方块*//*滚动条整体样式*//*滚动条里面轨道*//*滚动条整体样式*//*滚动条里面轨道*/效果(右侧滚动条被修改)1:设置全局滚动条样式。_全局滚动条样式
2024-10-15 23:10:51
406
291
我们可以给 body指定整个页面文字的大小,当然这对标题的字体大小是没影响的,它优先级高于body的字体大小优先级,必须指定对 h标签 进行修改才会有所改变。)在大多数情况下是没有功能上的区别的,它们都可以用来表示字符串, 无论是在 HTML 属性、CSS 样式或 JavaScript 中,使用单引号和双引号的效果基本相同。当然我们不用管用哪种形式,在vscode中我们能自己选颜色,比较便捷,如下图,所以无需太在意。这是一段文字,我们只要算好上面一行文字的底部到下面一行文字的底部的距离,那就是行间距。
2024-10-15 23:10:04
145
902
Day3 CSS 第1天_网页制作案例教程(html5 css3)
2024-10-15 23:10:23
1032
399
CSS网格布局(CSS Grid Layout)是一种用于创建复杂网页布局的系统,它允许开发者以二维系统(行和列)来控制元素的布局。跟 Flexbox 类似,网格布局也是作用于两级的 DOM 结构。设置为 display: grid 的元素成为一个网格容器(grid container)。它的子元素则变成网格元素(grid items)。下面将详细介绍网格布局:_css网格布局
前端知识热文
大家都在看