可以写网易云的了!

news2024/10/6 15:25:45

你好,我是云桃桃。

一个希望帮助更多朋友快速入门 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.coloradmin.cn/o/1571074.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

苍穹外卖Day04套餐管理部分总结

写给像我一样完完全全的小白的。本人代码水平一塌糊涂&#xff0c;前几天就是机械地跟着视频敲代码。对于Day04的作业本来感觉代码抓瞎一点不会写&#xff0c;尽力去理解业务逻辑后发现好像也没那么难&#xff0c;整体代码可以仿照Day03新增菜品来进行实现&#xff01; 一、功…

scratch寻找好朋友 2024年3月中国电子学会 图形化编程 scratch编程等级考试二级真题和答案解析

目录 scratch寻找好朋友 一、题目要求 1、准备工作 2、功能实现 二、案例分析 1、角色分析 2、背景分析 3、前期准备 三、解题思路 1、思路分析 2、详细过程 四、程序编写 五、考点分析 六、推荐资料 1、入门基础 2、蓝桥杯比赛 3、考级资料 4、视频课程 5、…

如何在Linux中安装软件

文章目录 一、Linux应用程序基础1.Linux软件安装包分类2.应用程序和系统命令的关系3.常见的软件包的封装类型 二、安装软件的方式1.RPM包管理工具2.yum安装3.编译 一、Linux应用程序基础 1.Linux软件安装包分类 Linux源码包&#xff1a; 实际上&#xff0c;源码包就是一大堆源…

Spring/SpringBoot/SpringCloud Mybatis 执行流程

在后续分析Mybatis 流程中代码的可能会用到IDEA debug 技巧&#xff1a; 条件断点 代码断点&#xff0c;右键 勾选弹窗 Condition &#xff1a; 写入表达式 回到上一步&#xff1a; Java动态代理实现 InvocationHandler接口&#xff1a; package com.lvyuanj.core.test;…

MAX7219驱动数码管学习记录(有源码)

一、7219datasheet阅读 1.引脚定义&#xff1a; 重点介绍5个引脚 1.DIN&#xff1a; 串行数据总线输入引脚&#xff0c;每个时钟的上升沿将数据移入至芯片内部的移位寄存器中 2.DIG0-DIG7: 共阴极管的GND连接的便是DIG0-7,该引脚起作用时&#xff0c;便输出低电平&#xff0c…

SSM学习——Spring JDBC

Spring JDBC 概念 Spring的JDBC模块负责数据库资源管理和错误处理&#xff0c;简化了开发人员对数据库的操作。 Spring JDBC通过配置数据源和JDBC模板来配置。 针对数据库操作&#xff0c;Spring框架提供了JdbcTemplate类&#xff0c;它是Spring框架数据抽象层的基础&#…

【学习】渗透测试有哪些重要性

随着信息技术的迅猛发展&#xff0c;网络安全问题日益凸显。渗透测试作为网络安全防御的重要手段之一&#xff0c;旨在模拟黑客攻击&#xff0c;发现并修复潜在的安全漏洞&#xff0c;提高网络系统的安全性。本文将介绍渗透测试的概念、重要性、实施步骤及实践案例&#xff0c;…

echarts快速入门

文章目录 一、echarts下载1.1、下载说明1.2、使用说明 二、绘制一个简单图表 一、echarts下载 echarts是百度研发团队开发的一款报表视图JS插件&#xff0c;功能十分强大&#xff0c;可在echart官网下载源码&#xff08;一个echarts.min.js文件&#xff09;进行使用。 1.1、…

Star GAN论文解析

论文地址&#xff1a;https://arxiv.org/pdf/1912.01865v1.pdf https://openaccess.thecvf.com/content_cvpr_2018/papers/Choi_StarGAN_Unified_Generative_CVPR_2018_paper.pdf 源码&#xff1a;stargan项目实战及源码解读-CSDN博客 1. 概述 在传统方法中&#x…

R语言技能 | 不同数据类型的转换

原文链接&#xff1a;R语言技能 | 不同数据类型的转换 本期教程 写在前面 今天是4月份的第一天&#xff0c;再过2天后再一次迎来清明小假期。木鸡大家是否正常放假呢&#xff1f; 我们在使用R语言做数据分析时&#xff0c;会一直对数据进行不同类型的转换&#xff0c;有时候…

揭秘视觉Transformer之谜,TokenTM新法,全面提升模型解释性能

引言&#xff1a;揭示视觉Transformer的解释挑战 在计算机视觉应用中&#xff0c;Transformer模型的流行度迅速上升&#xff0c;但对其内部机制的后置解释仍然是一个未探索的领域。视觉Transformers通过将图像区域表示为转换后的tokens&#xff0c;并通过注意力权重将它们整合起…

一篇文章带你掌握二叉树(附带二叉树基本操作完整代码演示,和两种思路)

【本长内容】 1. 掌握树的基本概念 2. 掌握二叉树概念及特性 3. 掌握二叉树的基本操作 4. 完成二叉树相关的面试题练习 1. 树形结构 1.1 概念 树是一种非线性的数据结构&#xff0c;它是由n&#xff08;n>0&#xff09;个有限结点组成一个具有层次关系的集合。把它叫做树是…

RK3568平台 Uart驱动框架

一.TTY子系统 在Linux kernel中&#xff0c;tty驱动不像于spi&#xff0c;iic等那么架构简单&#xff0c;它是一个庞大的系统&#xff0c;它的框架大体如下图一。我们作为普通的驱动开发移植人员&#xff0c;不会从零写tty驱动&#xff0c;一般都是厂家根据现有的tty驱动和自家…

SpringBoot整合MyBatis四种常用的分页方式

目录 方式1 一、准备工作 1. 创建表结构 2. 导入表数据 3. 导入pom.xml依赖 4. 配置application.yml文件 5. 创建公用的实体类 项目结构 2. 创建controller层 3. 创建service层 4. 创建mapper层 5. 创建xml文件 6. 使用postman进行测试&#xff0c;测试结果如下…

基于JAVA+SpringBoot+Vue的前后端分离的大学健康档案管理系统

一、项目背景介绍&#xff1a; 随着社会的发展和科技的进步&#xff0c;人们越来越重视健康问题。大学作为培养人才的摇篮&#xff0c;学生的健康状况直接影响到国家的未来。然而&#xff0c;传统的大学健康档案管理方式存在诸多问题&#xff0c;如信息不透明、数据分散、更新不…

从零开始为香橙派orangepi zero 3移植主线linux——2.kernel + rootfs

从零开始为香橙派orangepi zero 3移植主线linux——2.kernel rootfs 参考文章&#xff1a;一、linux kernel移植二、根文件系统2.1 buildroot构建1.修改toolchain下的交叉编译链2.修改系统配置3.去除内置kernel和uboot编译4.添加rootfs.tar格式的输出 2.2 ubuntu-base移植 三、…

WebAuthn:更好地保护线上敏感信息

1. 引言 2023年知乎博客 WebAuthn: 真正的无密码身份认证 总结得很赞。 在数字时代&#xff0c;密码已成为人们日常生活和在线活动中不可或缺的一部分。尽管互联网已经发展了 20 多年&#xff0c;许多方面都有了巨大的改进&#xff0c;但只有密码&#xff0c;还是 20 年前的用…

【数据结构】--- 探索栈和队列的奥秘

关注小庄 顿顿解馋૮(˶ᵔ ᵕ ᵔ˶)ა &#x1f4a1;个人主页&#xff1a;9ilk &#x1f4a1;专栏&#xff1a;数据结构之旅 上回我们学习了顺序表和链表&#xff0c;今天博主来讲解两个新的数据结构 — 栈和队列 &#xff0c; 请放心食用 文章目录 &#x1f3e0; 栈&#x1…

牛客 2024春招冲刺题单 ONT102 牛牛的果实排序【simpe 要知道如何判断是否是质数 Java,Go,PHP】

题目 题目链接&#xff1a; https://www.nowcoder.com/practice/975a263e2ae34a669354e0bd64db9e2a 核心 需要牢牢记住下面的代码//判断是否为质数public boolean isPrime(int n){if(n1) return false;if(n2 || n3) return true;if(n%6!1 && n%6!5) return false; /…

C++(语法以及易错点2)

1.内联函数 1.1 概念 以inline修饰的函数叫做内联函数&#xff0c;编译时C编译器会在调用内联函数的地方展开&#xff0c;没有函数调 用建立栈帧的开销&#xff0c;内联函数提升程序运行的效率。 ​int ADD(int a,int b) {return ab; }​ 1.2 特性 1. inline是一种以空间换时间…