可以写网易云的了!

你好,我是云桃桃。

一个希望帮助更多朋友快速入门 WEB 前端的程序媛。

1枚程序媛,大专生,2年时间从1800到月入过万,工作5年买房。 分享成长心得。

259篇原创内容-gzh

后台回复“前端工具”可获取开发工具,持续更新中

后台回复“前端基础题”可得到前端基础100题汇总,持续更新中

01

在 HTML 章节中,我们学习了如何使用各种标签来构建网页的骨架和内容。

我们了解了常见的标签,比如<div>用于创建容器,<p>用于段落,<h1><h6>用于标题,以及<ul><ol>用于创建列表等等。通过学习这些标签,我们已经能够创建简单的网页结构,并向其中添加文本、图像和链接等内容。

在接下来的 CSS 章节中,我们将进一步扩展我们的技能,学习如何为网页添加样式和设计。

学完 CSS 后,任意普通类网站(不包含大量运用动画特效引擎的)都可以去尝试练习了,比如,可以去做tx新闻的(网址:https://news.qq.com/),如下图。

图片

或者网易云(网址:https://music.163.com/)的网站了。我曾带学员做过网易云的,如下图。

图片

02

CSS 是层叠样式表的缩写,它为我们提供了丰富的工具和属性,用于控制网页的外观和布局。

通过学习 CSS,我们将能够使我们的网页看起来更加吸引人、专业和易于使用。

那我们具体要学习什么呢?有以下 3 点:

1、我们将学习 CSS 的基础知识,包括如何在网页中引入 CSS 样式表以及如何选择 HTML 元素并应用样式。

我们将学习如何使用 CSS 属性来控制文本的颜色、字体、大小和间距,以及如何为页面的背景、边框和填充添加样式。

通过这些基础知识,我们将能够使我们的网页看起来更加美观和易读。

2、学习如何使用 CSS 来布局网页。我们将探讨盒子模型的概念,了解如何使用 CSS 属性来控制元素的尺寸、位置和对齐方式。

我们还将学习如何使用浮动和定位来创建复杂的布局,以及如何使用响应式设计技术使网页在不同设备上都能正常显示。

3、除了基本的样式和布局之外,我们还将学习如何使用 CSS3 或者 JS 来创建交互式的效果和动画。

我们将探索 CSS3 过渡和动画属性,了解如何为网页添加平滑的过渡效果和动态的动画效果,从而使用户体验更加丰富和有趣。

最后

整体来说,学习 CSS 将为我们打开一个全新的世界,让我们能够将自己的创意和想法转化为精美的网页设计。

通过不断地实践和探索,我们将逐渐成为熟练的前端开发者,并能够创建出令人印象深刻的网页作品。

必须要不断地下笨功夫练习。只是刚开始你做的可能会有些慢,会不像样子,会改来改去,但是没关系。记得我刚开始,也是一周做 6.5,休 0.5,苦练了 3 个月才逐渐娴熟。

好啦,接下来,我期待着和你一起探索 CSS 的奥秘,让我们一起努力,成为优秀的网页设计师和开发者吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/593215.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

问题解决:写CSDN博文时图片大小不适应,不清晰,没法排版

项目环境&#xff1a; Window10&#xff0c;Edge123.0.2420.65 问题描述&#xff1a; 当我在CSDN写博文的时候&#xff0c;会经常插入一些图片&#xff0c;但有时候我插入的图片太大了&#xff0c;影响了整体排版。 比如我加入了一张图片&#xff0c;就变成了下面这个样子&…

x86汇编写矩阵乘法问题(实现一个3×3矩阵乘法的汇编代码)

&#x1f3c6;本文收录于「Bug调优」专栏&#xff0c;主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案&#xff0c;希望能够助你一臂之力&#xff0c;帮你早日登顶实现财富自由&#x1f680;&#xff1b;同时&#xff0c;欢迎大家关注&&收藏&&…

微信小程序python+uniapp高校图书馆图书借阅管理系统ljr9i

根据日常实际需要&#xff0c;一方面需要在系统中实现基础信息的管理&#xff0c;同时还需要结合实际情况的需要&#xff0c;提供图书信息管理功能&#xff0c;方便图书管理工作的展开&#xff0c;综合考虑&#xff0c;本套系统应该满足如下要求&#xff1a; 首先&#xff0c;在…

《数据结构学习笔记---第十篇》--- 堆堆排序(超详细图解)

目录 1.堆是什么? 2.问题引入&#xff1a;当我们插入一个新的元素时&#xff0c;那么他还是堆吗。 3.堆的元素插入 4.问题引入&#xff1a;当我们删除一个堆顶元素时&#xff0c;我们又该如何调整呢&#xff1f; 5.堆顶元素删除 6.如何建堆&#xff1f; 6.1向上调整建堆…

图解PyTorch中的torch.gather函数和 scatter 函数

前言 torch.gather在目前基于 transformer or query based 的目标检测中&#xff0c;在最后获取目标结果时&#xff0c;经常用到。 这里记录下用法&#xff0c;防止之后又忘了。 介绍 torch.gather 官方文档对torch.gather()的定义非常简洁 定义&#xff1a;从原tensor中获…

ctf_show笔记篇(web入门---SSRF)

ssrf简介 ssrf产生原理&#xff1a; 服务端存在网络请求功能/函数&#xff0c;例如&#xff1a;file_get_contens()这一类类似于curl这种函数传入的参数用户是可控的没有对用户输入做过滤导致的ssrf漏洞 ssrf利用: 用于探测内网服务以及端口探针存活主机以及开放服务探针是否存…

深入浅出 -- 系统架构之分布式架构

​​​​​​分布式架构&#xff1a; 根据业务功能对系统做拆分&#xff0c;每个业务功能模块作为独立项目开发&#xff0c;称为一个服务。 当垂直应用越来越多时&#xff0c;应用之间的交互不可避免&#xff0c;可将共用的基础服务或核心模块抽取出来作为独立服务&#xff0c…

ubuntu无法粘贴复制windows中的内容,分辨率无法自适应电脑自带系统

1、直接在命令行执行以下命令 sudo apt-get autoremove open-vm-tools //卸载已有的工具 sudo apt-get install open-vm-tools //安装工具open-vm-tools sudo apt-get install open-vm-tools-desktop //安装open-vm-tools-desktop 2、重启Ubuntu系统即可 3.如果上述…

mbti,ESTP型人格的心理问题分析

什么是ESTP型人格 ESTP分别代表外向&#xff0c;实感&#xff0c;理智&#xff0c;依赖&#xff0c;而ESTP型人格则是一种性格上十分激进&#xff0c;喜欢冒险&#xff0c;并且总是因为情绪起伏过大&#xff0c;而一下子做出应激行为的相对冒险的人格。具有ESTP型人格的人一般…

Hadoop-HDFS

资料来源&#xff1a;尚硅谷-Hadoop 一、HDFS 概述 1.1 HDFS 产出背景及定义 1.1.1 HDFS 产生背景 随着数据量越来越大&#xff0c;在一个服务器上存不下所有的数据&#xff0c;那么就分配到更多的服务器管理的磁盘中&#xff0c;但是不方便管理和维护&#xff0c;迫切需要…

Web实例_报表开发01-基于HTML进行报表呈现

Web实例_报表开发01-基于HTML进行报表呈现 报表开发是一种在利用了软件的基础上, 针对不同类型的报表, 进行开放的工作。 而以报表的方式, 将相关的内容、数值呈现出来的话, 则会起到更好的概况作用。 再加上, 报表开发工作是依托于计算机来完成的, 因此在效率、完整性等方面…

Learning To Count Everything

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 摘要Abstract文献阅读&#xff1a;学习数一切东西1、研究背景2、提出方法3、模块详细3.1、多尺度特征提取模块3.2、密度预测模块 4、损失函数5、性能对比6、贡献 二…