可以写网易云的了!

你好,我是云桃桃。

一个希望帮助更多朋友快速入门 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.mzph.cn/news/793728.shtml

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

相关文章

设计模式——原型模式05

原型模式核心复制&#xff0c;每次new出来的对象完全不一样&#xff0c;实现对象之间的隔离。 学习前最好先掌握jAVA值传递和深浅拷贝 设计模式&#xff0c;一定要敲代码理解 浅拷贝 克隆出对象&#xff0c;其中两者的引用类型属性是同一个对象。 对象信息 /*** author ggb…

常用的AI绘画自动生成器介绍

AI绘画自动生成器是一种利用人工智能技术生成图像的工具。它可以根据用户输入的文本描述自动生成相应的图像。目前,有几种流行的AI绘画自动生成器,包括: 1. **DALL-E 2** DALL-E 2是由OpenAI开发的AI绘画生成器,它可以根据用户输入的自然语言描述生成高质量的图像。DALL-E 2使…

【Linux】Linux进程学习(基本认知)

&#x1f525;博客主页&#xff1a; 小羊失眠啦. &#x1f3a5;系列专栏&#xff1a;《C语言》 《数据结构》 《C》 《Linux》 《Cpolar》 ❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 文章目录 前言一、冯诺依曼体系二、系统管理三、进程理解3.1 代码与数据3.2 进程控制块 四…

jvm总结学习

四种加载器 1.启动类加载器 2.拓展类加载器 3.应用程序加载器 4.自定义加载器 沙箱机制 就是为了保证安全&#xff0c;增加的一些权限。 native方法区&#xff08;静态变量&#xff0c;常量&#xff0c;类信息&#xff08;构造方法&#xff0c;接口定义&#xff09;&…

java八股——常见设计模式

上一篇传送门&#xff1a;点我 有哪些设计模式&#xff1f; 按照模式的应用目标分类&#xff0c;可以分为创建型模式、结构型模式、行为型模式三类。 创建型模式&#xff1a; 对象实例化的模式&#xff0c;创建型模式用于解耦对象的实例化过程。 单例模式&#xff1a;某个类…

突破!AI机器人拥有嗅觉!仿生嗅觉芯片研究登上Nature子刊

我们一直梦想着让AI与人类能够更加相似&#xff0c;赋予它们视觉与听觉。而让机器人拥有嗅觉一直以来面临着巨大的困难。 香港科技大学范志勇教授领导的研究团队凭借最新研发的仿生嗅觉芯片&#xff08;BOC&#xff09;在这一领域取得了重大突破。该研究成果目前已被发表到IF …

ActiViz中的数据集vtkPolyData

文章目录 前言一、数据结构二、数据内容三、几何操作四、数据导入与导出五、数据可视化六、函数详解1、SetPoints(vtkPoints points):2、SetPolys(vtkCellArray polys):3、GetNumberOfPoints():4、GetNumberOfCells():5、GetPointData():6、GetCellData():7、Ge

github生成新的SSH密钥

首先是参考官方文档 生成新的 SSH 密钥并将其添加到 ssh-agent述 当你在创建SSH密钥时遇到提示&#xff1a; Enter file in which to save the key (/c/Users/YOU/.ssh/id_ALGORITHM):这一步是让你选择保存生成的SSH密钥对的文件名和位置。如果你直接按回车键&#xff08;[Pr…

Qt+OpenGL_part1

OpenGL&#xff0c;Qt实现&#xff1a;1入门篇(已更完)_哔哩哔哩_bilibili OpenGL3.3以上是现代模式&#xff08;可编程管线&#xff09;&#xff1a; 状态机 状态设置函数&#xff08;State-changing Function) 状态应用函数 &#xff08;State-using Function) OpenGL的状态…

Centos7安装minio

下载 官网&#xff1a;MinIO | Code and downloads to create high performance object storage 网盘&#xff1a;链接&#xff1a;https://pan.baidu.com/s/1XTu4WyHrBQbetu5g4oKvAw?pwd7b22 提取码&#xff1a;7b22 将下载的安装文件上传到服务器/opt目录下 安装前准备…

获取天翼网关TEWA-708E超级管理员密码

Download RouterPassView 参考&#xff1a;破解光猫超级管理员密码&#xff08;网关型号&#xff1a;TEWA-708E&#xff09; - 知乎

记Kubernetes(k8s)初始化报错:“Error getting node“ err=“node \“k8s-master\“ not found“

记Kubernetes&#xff08;k8s&#xff09;初始化报错&#xff1a;"Error getting node" err"node \"k8s-master\" not found" 1、报错详情2、问题排查3、尝试问题解决 &#x1f496;The Begin&#x1f496;点点关注&#xff0c;收藏不迷路&#…

Rust语言之属性宏(Attribute Macro)derive

文章目录 Rust语言之属性宏&#xff08;Attribute Macro&#xff09;derive Rust语言之属性宏&#xff08;Attribute Macro&#xff09;derive 属性宏是一种基于属性的宏&#xff0c;用于修改、扩展或注解 Rust 代码。它们通常用于为函数、结构体、枚举、模块等添加元数据或自…

MATLAB /Simulink 快速开发STM32 --学习收获

MATLAB的Simulink 的确可以下载代码&#xff0c;运行。目前我的硬件不知道哪里除了问题&#xff0c;不能监控。 win11st cubemxkeilmatlab2023b&#xff0c;stm32的固件包是F4的。使用了某石电子的f4电机开发板。 cube配置了led灯&#xff0c;gpio使用LL驱动&#xff0c;不是…

Python教程:Tkinter.root.iconphoto设置程序窗口图标的方法

tk.root 通常指的是Tkinter应用程序的主窗口实例。当你创建一个Tkinter窗口时&#xff0c;你会有一个Tk类的实例&#xff0c;这通常被命名为root。 iconphoto 是这个Tk类实例的一个方法&#xff0c;用于设置窗口的图标。你可以使用这个方法为你的应用程序窗口设置一个自定义的…

14.信号量

一、信号量的简介 信号量是一种解决同步问题的机制&#xff0c;可以实现对共享资源的有序访问。其中&#xff0c;“同步”指的 是任务间的同步&#xff0c;即信号量可以使得一个任务等待另一个任务完成某件事情后&#xff0c;才继续执行&#xff1b; 而“有序访问”指的是对被…

如何打包一个手机软件

目录 前言&#xff1a; 准备工具&#xff1a; 创建项目&#xff1a; 打包程序&#xff1a; 前言&#xff1a; 我们平时手机上使用的程序&#xff0c;或者电脑上使用的程序都可以由Web程序打包而来的&#xff0c;而打包不是一个.html文件也不是一个.js文件而是一个大型的文…

[环境配置]conda 64位安装32位python

进入32模式 set CONDA_FORCE_32BIT1创建环境 conda create --name yourEnv python3.8退出32模式 set CONDA_FORCE_32BIT0ok

计算机网络——数据链路层(流量传输与可靠传输机制)

计算机网络——数据链路层&#xff08;流量传输与可靠传输机制&#xff09; 流量传输与可靠传输机制流量控制可靠传输机制 停止-等待协议无差错情况接收并检测到差错状态确认丢失或迟到状态 停等协议的效率分析后退N帧协议&#xff08;Go-Back-N&#xff0c;简称GBN&#xff09…