前端哥

【Web前端HTML css基础——小米官网项目实战】

2024-02-01小米官网是学习前端实战项目锻炼最多的一个项目,基本上就是学习完HTML和css之后就可以开始锻炼自己实战的能力,学习如何搭建自己一个完整的页面实战,对之后的学习打下很好的基础,在这个博客的代码中,我只是涉及到相关的HTML和css,图片路径可以自己改并且找一些相关的图片,或者下载我主页的资源。_小米官网html css代码

https://www.qianduange.cn//article/986.html 分类:前端知识

Html、css基础

2024-02-01padding-left: 左内边距 padding-right: 右内边距 padding-top: 上内边距 padding-bottom: 下内边距。nth-of-type: nth-of-type会把指定元素盒子排列序号,执行的时候首先看div指定的元素,之后回去看 nth-of-type(1)border-top: 上边框 border-bottom: 下边框 border-left: 左边框 border-right: 右边框。

https://www.qianduange.cn//article/984.html 分类:前端知识

移动端适配rem方案、postcss-pxtorem css中二倍图,三倍图的使用

2024-02-01做移动端的适配我们就是要考虑,对于不同大小的手机屏幕,怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem?rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置html的 font-size 属性,rem 是根据它的大小来动态变化整个项目中使用 rem 单位的元素大小。_postcss-pxtorem的rootvalue根据设计稿宽度除以10进行设置

https://www.qianduange.cn//article/983.html 分类:前端知识

rcssci包横空出世,限制性立方样条全自动切点靓图

2024-02-01结果解析:在setwd()工作路径下,自动输出4套RCS双坐标图分别为:fig.proball.pdf,fig.ushapall.PDF,fig.nshapall.PDF,fig.lshapall.PDF。rcssci包在工作目录(setwd对应的文件夹)下自动输出4套RCS双坐标图(PDF版,方便大家后续ppt编辑),图例包括总P值、非线性趋势P值,切点包括U型、∩型、及L型等等非线性形态切点的自动获取。加载rcssci包后,一行命令搞定cox分析rcs绘制,prob推荐0.1,不写默认0.5。_限制性立方线条确定拐点

https://www.qianduange.cn//article/982.html 分类:前端知识

css使用transform-origin,解决transform: scale()后导致的页面元素位置偏移

2024-02-01这时候使用transform-origin给一个0% 0% 上下,左右的偏移。这时候位置就回到了原先的定位。_transform-origin: 0 0;transform:scale()

https://www.qianduange.cn//article/979.html 分类:前端知识

记Vite打包时出现的报错解决:<script src=“xxx.js“> in “/index.html“ can‘t be bundled without type=“module“ attrib

2024-02-01解决报错: in "/index.html" can't be bundled without type="module" attribute和xxx.css didn't resolve at build time, it will remain unchangel remain unchanged to be resolved at runtime的方案提供。_can't be bundled without type="module" attribute

https://www.qianduange.cn//article/977.html 分类:前端知识

利用html css制作个人简历

2024-02-01使用html和css,制作一份个人简历(内容比较基础,上手容易)_个人简历网页设计html

https://www.qianduange.cn//article/975.html 分类:前端知识

Vue3 css v-bind 计算和三元运算

2024-02-01css 中的 v-bind 支持 JavaScript 表达式,但需要用引号包裹起来_v-bind 三元运算表达式

https://www.qianduange.cn//article/974.html 分类:前端知识

制作一个简单HTML静态网页(HTML css

2024-02-01?网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。?网站程序方面:计划采用最新的网页编程语言HTML5 css3 JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。?网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。?网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;_html css网页设计

https://www.qianduange.cn//article/973.html 分类:前端知识

4196条数据,当前395/420

最近搜索

会员中心 联系我 留言建议 回顶部