自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 小程序的页面层级结构

新建项目以后,可以看到官方的种子项目这是首页点击头像可以跳转到另一个页面目录结构wxml类似于html,wxss类似于css,.json通常用来做配置(可以没有)应用程序级别文件utils/util.js 帮助类文件,里面有一些功能性的函数app.js 应用程序级别的逻辑app.json应用程序级别的配置app.wxss应用程序级别的全局样式就近原则:在app.wxss里设置text{ color:pink; }在ind

2023-08-13 21:30:59 305 1

原创 CSS实现响应式布局

窗口大于1024px 时显示的样子 (当窗口大于1024px 时,指挥被压缩,并不会发生其他变化)以上就是本文的全部内容,希望对大家的学习有所帮助,欢迎大家指教。要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用。

2023-07-25 00:37:14 167

原创 前端开发常见的几种布局方式

响应式与自适应的原理是相似的,都是检测设备,根据不同的设备采用不同的css,而且css都是采用的百分比,而不是固定宽度。不同点是响应式的模板在不同的设备上看上去是不一样的,会随着设备的改变而改变展示样式,而自适应不会,所有的设备看起来都是一套模板,不过是长度或者图片变小了,不会根据设备采用不同的展示样式,流式就是采用了一些设置,当宽度大于多少时怎么展示,小于多少时展示,而且展示的方式像水流一样,一部分一部分的加载,静态的就是采用固定宽度。不管浏览器尺寸具体是多少,网页布局始终按照最初代码的布局来显示。

2023-07-02 00:37:37 995 1

原创 Flex 布局属性总结

默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。3、flex-flow 属性:是flex-direction 和 flex-wrap 的简写,默认(row )(nowrap)space-around:间隔相等 (每根轴线两侧的间隔相等,即轴线之间的间隔比轴线与边框的间隔大一倍。

2023-07-01 23:27:54 848

原创 CSS3常用属性大全

无(none)、虚线(dotted)、点划线线(dotted)、点划线(dashed)、实线(solid)、双线(double )、槽状(grove)、脊状(ridge)、凹陷(inset)和凸起(outset)等9种。第七种是伪类选择器,伪类选择器主要应用在标签上,它由四种状态:未访问链接(link)、已访问链接(visited)、激活链接(active)、鼠标停留在连接上(hover)。(闪烁) none(无)第六种是继承选择器,继承的规则是子标签在没有定义的情况下,继承父标签的选择器;

2023-06-25 01:10:53 583

原创 rem自适应布局

1、什么是自适应自适应区别于最大的优点是可以适应视口宽度为任意大小的设备rem也是一种CSS长度单位,也是相对单位。2、什么是remem是相对于根元素也就是html的字体大小单位,容易与em混淆,em指的是相对于父元素的字体大小,如果需要做自适应,那么应当使用rem做全局处理,而不是使用em。3、什么是rem基准值rem基准值就是rem与px之间的换算关系,它相对于根元素()下的font-size的值,1rem = html下font-size的值。

2023-06-06 00:08:50 303 1

原创 CSS鼠标指针样式

注意:Opera 9.3 和 Safari 3 不支持 使用url定义鼠标光标。,当光标文件无法正常读取或显示时,显示备用光标,否则cursor。有一部分浏览器如Firefox、Chrome还支持使用。需要注意的是,使用此方法引入光标时,属性,允许用户自定义鼠标指针样式。cursor 属性规定要显示的。等常用的图片文件引入光标。

2023-05-31 01:21:14 265 1

原创 a:link,a:visited,a:hover,a:active 分别是什么意思?

link:连接平常的状态visited:连接被访问过之后active:选择被用户激活的元素hover:鼠标放到连接上的时候。

2023-05-16 19:10:17 402 1

原创 HTML5标签属性大全

header>网页或者文章的头部<hgroup>将整个页面或页面中一个内容区块的标题进行组合<nav>表示页面中导航链接部分<aside>article元素内容之外,相关内容或应用(常用于侧边栏)<article>表示页面中的一块与上下文不相关的独立的文章内容<section页面中的一个独立内容区块,文档的主体部分,用于网页或文章划分章节、区块<footer>网页或者文章的底部。

2023-05-13 04:43:28 1549

原创 Element UI Form表单表单验证触发方式 trigger: ‘change‘ 和trigger: ‘blur‘区别

备注:没有进行任何输入时,不会触发change,但一定会触发blur事件。二、 trigger: ‘blur’:失去焦点时触发,如上图。一、 trigger: ‘change’:数据改变时触发。

2023-05-05 03:49:25 5158 1

原创 轮播图--学习代码

(自动轮播,左右按钮切换图片,小圆点切换图片,鼠标移入暂停轮播,鼠标移出继续轮播)

2023-04-13 21:24:32 223 1

原创 前端轮播图学习,代码很简单,欢迎大佬多指教。

【代码】前端轮播图学习,代码很简单,欢迎大佬多指教。

2023-04-13 18:29:32 160 2

原创 刚开始学Vue3,写了一个轮播图,上代码,初级学习者,大佬勿喷,请大佬多多给指点宝贵经验。

【代码】刚开始学Vue3,写了一个轮播图,上代码,初级学习者,大佬勿喷,请大佬多多给指点宝贵经验。

2023-04-13 00:12:31 181

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除