#前端# HTML+CSS 基础阶段学习（完结） PYG商城 PC前端静态页面

最新推荐文章于 2024-07-25 14:15:14 发布
最新推荐文章于 2024-07-25 14:15:14 发布
阅读量177 收藏
点赞数
分类专栏： HTML+CSS 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/justinakong/article/details/107703160
版权

HTML+CSS 基础阶段学习完结，断断续续耗时半个月时间，略有所成，看的是pink老师的教程，但是此阶段完结仍不算是入门，只是刚刚脱白，从小白进入可以编写PC静态页面阶段，为什么这样说？

#1 仅仅知道代码语法定义不够，能慢慢写出代码的艺术才是最重要，例如，多组合少继承等ヾ(◍°∇°◍)ﾉﾞ

#2 虽然前端页面写得好看，但是页面背后的代码乱成一锅粥⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

#3 此阶段的成就感是为后阶段更难的学习所带来的挫败感做铺垫╮(╯▽╰)╭

记下每个阶段完结的成果，继续努力！

#感谢#  

#PC前端静态页面-注册登录页

#PC前端静态页面-首页

#PC前端静态页面-商品列表页

justinakong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html+css大作业（pink老师）PYG品优购项目源代码
02-28
【HTML+CSS大作业——PYG品优购项目源代码详解】 HTML与CSS是构建网页设计的基础技术，这个“PYG品优购项目”无疑是学习者在掌握这两门语言后进行的一次实战演练。通过这个项目，我们可以深入理解HTML结构布局和CSS...
Core数据集+PyG实现Core分类
03-09
"Core数据集+PyG实现Core分类"是一个关于使用图卷积网络（Graph Convolutional Networks, GCN）处理特定领域数据集（可能是Core数据集）的项目，它结合了PyTorch Geometric（PyG）库来实现图神经网络模型进行分类...
Web阶段--HTML基础知识点
GYmimi的博客
05-30 253
Web阶段–HTML与CSS基础知识点 一、Html简介 1.概念 1） 标记语言： 使用一些特殊的标记符号对所要展示的文本内容进行标记说明，不会向发出机器指令，不体现具体的业务信息 2） 超文本标记语言（HTML）：对文本内容的显示样式，风格进行标记说明 3） 可扩展的标记语言（xml）：对文本内容的含义进行标记说明 2.html说明 1）使用html技术定义的文档，通常成为“网页” ， 文件...
前端工程——基础篇
weixin_30920853的博客
08-27 1169
你好，切图仔。 不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。 只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。 前端，是一种GUI软件 现如今...
前端静态网页布局经验谈
dreamingbaobei的博客
04-01 2795
静态布局（Static Layout）是最传统的网页布局方式，也是前端的一个基本功，通常应用于PC端布局，当我们拿到UI提供的PC端PS设计稿，基本上就要用到静态布局了。 静态布局对前端来说是比较简单的，但如果想做到又快又好，建议前端要去学习一下PS的知识，大多数情况下，当你收到了设计稿，就会有人问你什么时候能实现（布局），我觉得对于比较复杂的首页，至少两天以内要完成，简单的页面当天应该完成。 静...
HTML+CSS+JS实现简易汇率计算器（使用Fetch）
Aucanon的博客
04-26 3406
还是github上找的小玩意跟着模仿着敲的。 首先看一下fetch，我也是学过ajax之后头一次见这玩意，然后就看着人家代码顺便上MDN看了一下。 Fetch API 提供了一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应。它还提供了一个全局 fetch() 方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。 反正这个东西好像就是比ajax要牛的东西？具体的还是MDN看一下文档吧 MDN-fetch链接 直接看最基本用法： fetch('http://
基于HTML5, CSS3, w3c标准, 的网页结构与表现练习-- 品优购官网静态页面.zip
02-14
在本实践项目中，我们关注的是“基于HTML5, CSS3, w3c标准的网页结构与表现练习——品优购官网静态页面”。这个压缩包文件包含了一个名为“PYG_shopping-master”的文件夹，这通常意味着它是一个开发项目的源代码...
3-4+PyG+2.0+&+GraphGym+图学习平台.pdf
03-18
《PyG 2.0与GraphGym：图学习平台深度解析》 PyG，全称为PyTorch Geometric，是斯坦福大学尤佳轩博士等人开发的一个基于PyTorch的图学习库，旨在简化图神经网络（GNN）的实现和应用。PyG 2.0版本的发布，标志着这一...
Visual.Assist.X.v10.9.2341.0 + 破解dll(非PYG)
07-26
非PYG,替换dll破解. 先卸载旧版本的VAX:卸载方法 打开VS-工具-扩展和功能-卸载Visual Assist 安装:VA_X_Setup2341_0.exe(请在关闭所有有关VS的窗口后再安装) 破解:将VA_X.dll复制到以下目录覆盖破解成功 打开VS项目...
flex：1
m0_47999208的博客
07-25 414
2.flex-shrink,在flex布局中经常会遇到页面宽度不够而导致的文字换行问题，由于flex布局默认flex-shrink为1,就是默认可以缩小然后会导致换行，需要设置flex-shrink:0,默认不缩小就可以了。上面是120px高，给下面的外盒子高度设置为calc(100% - 120px);答：给外部盒子添加display：flex,内部盒子设置为flex-grow：1。现在有一个上下盒子，上面是固定值，下面是随页面高度变换的，如何让下面盒子的子盒子高度适应外部的高度呢？
CSS 自适应图片根据 div 大小进行均匀填充
gz_qiulinyong的博客
07-24 987
在Web开发中，经常需要图片根据其容器的大小进行自适应填充，使得图片在任何设备和屏幕尺寸下都能保持良好的显示效果。本文将介绍如何使用CSS中的object-fit属性来实现这一需求。使用object-fit属性可以非常方便地实现图片在容器中的自适应填充，保持图片的宽高比并使其均匀填充容器。这个方法适用于各种情况，例如响应式设计和多设备支持。
css更改图片颜色
最新发布
程序员
07-25 221
这些滤镜组合在一起，可以产生独特的视觉效果，可能用于特定的设计需求或视觉效果。：将图像的颜色反转51%。即把图像的颜色变为它们的补色，反转比例为51%。css更改图片颜色，比较时候颜色单一的图片，比如logo之类的。：将图像转换为深褐色调，类似于旧照片效果，深褐色比例为94%。：增加图像的饱和度，使颜色更加鲜艳，饱和度为原来的6433%。：调整图像的亮度，使图像的亮度变为原来的93%。：调整图像的对比度，使对比度变为原来的101%。) 添加一系列的滤镜效果。：改变图像的色相，将色相顺时针旋转190度。
css 作业 2
没有 bug 的代码是不完美的！
07-25 752
写完了
CSS前端面试题——CSS 中，有哪些方式可以隐藏页面元素？有什么区别?
lbcbjtlhmjq的博客
07-25 341
这些方式的区别在于是否占据空间和是否可见，开发者可以根据实际情况选择不同的方式来隐藏页面元素。
常见的CSS属性（一）——字体、文本、边框、内边距、外边距、背景、行高、圆角、透明度、颜色值
weixin_64294248的博客
07-25 1202
元素的继承性是指给父元素设置了某些属性，子元素或后代元素也会有作用。
WebKit的图像魔法：深入CSS Image Values支持
2401_85763639的博客
07-24 1261
CSS图像值（Image Values）是CSS3中引入的一系列新特性，它们为Web开发者提供了更多的灵活性和创造力来处理网页上的图像。本文将深入探讨WebKit对CSS图像值的支持，并提供实际的代码示例。函数是CSS图像值中一个重要的特性，它允许开发者为不同分辨率的显示设备提供不同大小的图像，以优化加载时间和性能。这些属性和函数允许开发者在不同的上下文中以不同的方式使用图像，从而创建丰富和动态的视觉效果。通过本文的指导，读者可以开始在自己的项目中尝试使用CSS图像值，享受更丰富的图像处理体验。
Web开发：图片九宫格与非九宫格动态切换效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-20 1047
本文主要记录图片九宫格与非九宫格展示效果动态切换的实现过程；
【CSS】继承属性
小秀的博客
07-24 397
字体系列属性主要包括： font-size、font-family、font-variant、font-style、font-weight、font、letter-spacing、word-spacing、text-transform 和 line-height。每⼀个属性可以指定值为“inherit”，即：对于给定的元素，该属性和它⽗元素相对属性的计算值取⼀样的值。继承虽然减少了重复定义的麻烦，但是，有些属性是不能继承的，例如border（边框）、margin（边距）、padding（补⽩）和背景等。
PyG 2.0：斯坦福图学习的先进表示法
"PyG 2.0 是一个先进的图表示学习库，专注于在图神经网络（GNN）上的研究和应用。PyTorchGeometric（PyG）是由TU Dortmund的Matthias Fey开发的，它提供了一个强大的框架，用于处理具有复杂拓扑结构的网络数据。PyG ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值