css
文章平均质量分 52
睡不醒的阿豪
这个作者很懒,什么都没留下…
展开
-
网页结构之模仿导航栏
这几天也几个人关注了我,我开心到起飞。哈哈哈哈,那今天我们就更新一下如何标准的写一个网页结构。 我们先分析导航栏的布局 这里的布局是大盒子然后分成三部分,然后两边固定,中间居中且·搜索框大小不变。两边做 然后我们先来个大盒子里面三个盒子 然后大盒子设置flex布局 宽度百分百 高度48px 获取浏览器像素还有白色背景,记得先给boby来个浅灰色背景然后效果如下 Css:如下图 *号这个部分是每次写网站必须写的,代表a标签没有下划线,li标签没有前面的...原创 2021-08-31 22:28:56 · 524 阅读 · 1 评论 -
html+css实现博客网页设计(毕业设计)
代码有些细节没有处理好,但是用于毕业设计可以。 设置收费是为了防止代码过于泄露, 希望大家能一起学习html,希望我们的代码之路更好 原创:阿豪 链接:https://pan.baidu.com/s/1swodmMOSJmriuwXevIoHrw 提取码:k6cq ...原创 2021-08-06 11:38:29 · 2026 阅读 · 1 评论 -
小白看了都说好系列,grid布局
今天我们来学习grid布局,它是一个网格布局,与flex布局配合使用,完成一个比较完美操作简单的布局,grid布局中是把容器划分成行和列,产生的单元格,然后项目就在单元格里面,上一章我们说过容器和项目就是大盒子与大盒子里面的小盒子,然后我们现在直接开始今天的学习。 Grid布局与flex布局一样有行和列,但是里面又有间距和区域,所以总的功能比flex布局强大,而且代码实现也比flex布局简洁,看下图(记住了grid布局简简单单) 容器属性 列表示属性:Grid-templa原创 2021-08-19 21:26:06 · 293 阅读 · 0 评论 -
小白看了都说好的flex布局讲解
虽然吧,博客没多少人看,但是坚持更新也是对自己学习的监督,加油打工人。 今天我们来说说flex布局,flex布局呢现在比较流行,而且实用性强,在教学之前我也是做了一点功课,查看了别的up主的一些教程,感觉讲都很可以,现在我也来讲讲, 组成:容器和项目 啥是容器啥是项目,下面图片主轴和交叉轴围成一个大盒子就是容器 项目就是大盒子里面的小盒子, 项目在容器中显示,主要是由两个轴确定的,在容器中默认有水平的主轴和垂直的交叉轴,项目在容器中默认沿主轴(水平)排列 介绍完概念.原创 2021-08-17 22:32:51 · 701 阅读 · 0 评论 -
float布局讲解
今天干活腰酸,年纪轻轻就这样了,不知道要是以后干程序猿会不会更疼,还吃坏肚子,难受的一天,不过我还是拼命为友友们更新。 好了废话不多说,今天我们一起来学习float布局,希望大家多支持,多点赞, 我们先弄三个盒子,正常是下面这样的 然后再三个盒子里面使用float布局 这时候设置的左边盒子最左边显示和右边盒子最右边显示,但是中间的盒子缺不见了。 这是因为中间的盒子没有脱离文档流,默认显示在大盒子的最左边,这时候我们给中间的盒子加宽度以及内容 大盒子明显没有80原创 2021-08-13 21:30:20 · 606 阅读 · 0 评论