×

css3

必须记住的知识点flex布局(面试题)(flex布局常见面试题)

nmgtjkjyxgs nmgtjkjyxgs 发表于2024-04-21 浏览6024 评论0
(哔哩哔哩的5分钟视频嘎嘎好!我就是看那个的! https://www.bilibili.com/video/BV1Lp4y1S7XM?spm_id_from=333.337.search-card.all.click) 问题:面试官问,知道flex布局吗?那些属性作用在父元素上,那些属性作用在子元素上? 首先看张图片 一般display:flex写在父元素的属性上!下面是基本理解! 在 flex 容器中默认存在两条轴,水平主轴(main axis) 和垂直的交叉轴(cross a

css3

HTML---布局(详解)(html布局详解)

校长 校长 发表于2024-04-21 浏览8744 评论0
我们在完成老师布置的前端html任务时,往往布局是最关键的,我们必须先从宏观上把握页面大致的构成,通过标签先确定下页面总体有那些东西,将整体框架写好,之后才是对各个部分进行细致的填充。 网页布局常用标签 div:是块级元素,它可用于组合其他 HTML 元素的容器,它没有确切的含义,天生是用来进行页面布局的,除此之外,由于它属于块级元素,浏览器会在其前后进行换行。 table:是表格元素,每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(

css3

CSS 中px、em、rem、%、vw、vh单位之间的区别详解

男儿当自强 男儿当自强 发表于2024-04-21 浏览5098 评论0
        这篇文章主要记录一下CSS 中px、em、rem、%、vw、vh单位之间的区别,在自己今后工作学习中用来参考借鉴。 1 、px px就是pixel(像素)的缩写,相对长度单位,相对于屏幕分辨率。 2、em 参考物是父元素的font-size,具有继承的特点。浏览器默认字体是16px,整个页面内1em不是一个固定的值。 字体大小同样都是1.5em,但是效果却截然不同,按照W3C提供的公式,我们可以计算下:        class为id1的div字体大小继承自父元素

css3

开源框架 - PigX - 脑残版使用教程(pigx框架详解)

周正,拆迁户化身 周正,拆迁户化身 发表于2024-04-21 浏览5284 评论0
1、PigX简介 目录 文章目录 1、PigX简介 目录 官方简介 官方地址 官网 演示地址 码云后端 码云前端 GitHub后端 GitHub前端 环境需求 项目结构说明 开源版 商业版 官方技术文档 2、本机环境安装 后台本地启动步骤 检查Node版本 前台本地启动步骤 系统账号说明 3、添加业务服务 5、服务器部署 4、开发示例 官方简介 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上

css3

实现element table组件内行与行之间设置间隙效果以及行内的渐变效果以及各种问题

帝王组仁希 帝王组仁希 发表于2024-04-21 浏览9504 评论0
在项目开发中,产品提了这样一个需求:实现表格内每一行之间存在间隙以及渐变效果。具体效果如下图所示: 因为element的table组件默认的是行与行挨着,所以需要更改组件的样式,具体代码如下所示: 1. 设置行与行之间的间距 ::v-deep .el-table__body{ //-webkit-border-horizontal-spacing: 13px; // 水平间距 -webkit-border-vertical-spacing: 13px; // 垂直

css3

【Web前端】CSS3新特性(web前端 css)

qq_pwd26vsv qq_pwd26vsv 发表于2024-04-21 浏览5200 评论0
🍎个人主页:亮点菌的博客🍊个人信条:点亮编程之路,做自己的亮点 🍓参加活动:CSDN话题挑战赛第2期 🍅参赛话题:学习笔记🥭本文内容:CSS3新特性 一、CSS3 的现状 新增的CSS3特性有兼容性问题,ie9+才支持 移动端支持优于 PC 端 不断改进中 应用相对广泛 现阶段主要学习:新增选择器和盒子模型以及其他特性 二、CSS3 新增选择器 CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 属性选择器 结构伪类选择器 伪元素选择器

css3

display基础用法(display的用法)

king king 发表于2024-04-21 浏览7347 评论0
前言 这篇文章是面向广大小白的一篇内容,大神如果看到不对的地方,欢迎来指正。我本身也属于小白,就想发布我的心得,希望能得到支持。>.< 提示:以下是本篇文章正文内容。 一、display的定义和用法? display 属性设置或返回元素的显示类型。 好多刚入坑的萌新喜欢用浮动来实现某些内容的位置,之后还 要清除浮动。HTML 中的元素大多是"内联"或"块"元素:一个内联元素,在其左侧和右侧都是浮动内容。一个块元素填满整个行,并没有什么可显示在其左侧或右侧。这时候就可以

css3

Vue项目中常见问题(1)如何控制组件在不同页面中的显示与隐藏

doviseo doviseo 发表于2024-04-21 浏览6406 评论0
目录 问题一:首页|搜索底部是有Footer组件,而登录注册是没有Footer组件 思路:Footer组件显示|隐藏,选择v-show|v-if 解决办法: 方法一:在App.vue中利用v-show来控制显示与隐藏 1.为什么用$route.path 因为在main.js中注册路由的信息时:当下图位置中书写router的时候,组件身上都会拥有$route,$routers属性 打开项目页面的控制台,可以看到$route下有path:"/home" 2.思考:假如有一百个路由组件