2024-10-15 23:10:06 1295 779
对于前端初学者来说,制作一个简单的静态网页是入门的第一步。今天,我们将一起学习如何使用 HTML 和 CSS 创建一个包含文本、图片和链接的静态网页,帮助你快速掌握基本的网页制作技能。首先,创建一个新的 HTML 文件,命名为 。你可以使用任何代码编辑器,如 VSCode、Sublime Text 或 Notepad 。二、创建基本结构在 标签中,添加网页的基本内容,包括标题、段落和列表。 和 标签用于标题。 标签用于段落文本。 和 标签用于无序列表。三、使用 CSS 美化页面_静态网页制作
2024-10-15 23:10:39 183 86
有6个标题标签,从 h1 到 h6,数字越大,字体越小。
2024-10-15 23:10:14 361 501
随着互联网技术的不断发展,用户访问网页的设备种类日益增多,从传统的桌面电脑到现在的智能手机、平板电脑等移动设备,以及各种不同尺寸的屏幕,都给网页设计带来了新的挑战。为了适应这种多样化的显示环境,CSS3 引入了多媒体查询(Media Queries)这一功能,它允许开发者根据不同的设备特性来应用不同的样式规则,从而实现更加灵活和响应式的网页设计。_media css
2024-10-15 23:10:13 749 774
还在为布局烦恼?一个flex就行了。
2024-10-15 23:10:10 756 350
*高宽分别对应横竖滚动条的尺寸*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*//*滚动条里面小方块*//*滚动条里面小方块*//*滚动条整体样式*//*滚动条里面轨道*//*滚动条整体样式*//*滚动条里面轨道*/效果(右侧滚动条被修改)1:设置全局滚动条样式。_全局滚动条样式
2024-10-15 23:10:07 532 108
该项目实现了一个功能完备、交互友好的网页计算器应用。只使用了 HTML、CSS 和 JavaScript ,用于检验web前端基础水平。开发环境:Visual Studio Code开发工具:HTML5、CSS3、JavaScript实现效果。_设计一个网页计算器
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 214 201
box-sizeing: content-box:标准盒模型的 width 和 height 属性的范围只包含了 content。box-sizeing: border-box:IE 盒模型的 width 和 height 属性的范围包含了 border、padding 和 content。三、定位与浮动根元素:body;元素设置浮动:float 除 none 以外的值;元素设置绝对定位:position (absolute、fixed);
2024-10-15 23:10:23 1032 399
CSS网格布局(CSS Grid Layout)是一种用于创建复杂网页布局的系统,它允许开发者以二维系统(行和列)来控制元素的布局。跟 Flexbox 类似,网格布局也是作用于两级的 DOM 结构。设置为 display: grid 的元素成为一个网格容器(grid container)。它的子元素则变成网格元素(grid items)。下面将详细介绍网格布局:_css网格布局