css
木头没有瓜
王者也飘然
展开
-
CSS 面试题
1、BFC什么是BFC?看这一篇就够了_Leon的博客-CSDN博客_bfc2、lex:1代表什么flex:1 到底代表什么?3、css属性区别css属性区别_木头没有瓜的博客-CSDN博客4、css3特性 CSS3新特性有哪些? - html中文网5、画三角形纯 CSS 实现绘制各种三角形(各种角度) - saucxs - 博客园6、CSS移除两个inline-block间的间隙CSS 去掉inline-block间隙的几种方法7、【CSS实现正方形】CSS实现...原创 2022-02-24 17:17:13 · 164 阅读 · 0 评论 -
css属性区别
1)tite与h1的区别2)b与strong的区别3)i与em的区别PS:不要小看这些题,80%人答不上来title与h1的区别定义:title是网站标题,h1是文章主题 作用:title概括网站信息,可以直接告诉搜索引擎和用户这个网站是关于什么主题和内容的,是显示在网页Tab栏里的;h1突出文章主题,面对用户,更突出其视觉效果,指向页面主体信息,是显示在网页中的。b与strong的区别定义:b(bold)是实体标签,用来给文字加粗,而strong是逻辑标签,作用是加强字符语气原创 2022-02-10 11:10:13 · 252 阅读 · 0 评论 -
Css样式实现元素宽度百分比,高度和宽度相等
移动端布局,在不知道宽高具体多少,只知道百分比的情况下,有时候需要几个元素平分屏幕宽度,但是又想让该元素的高度和宽度相等,那么可以采用以下方式:<div style="width: 100%;"> <div style="width: 25vw; height: 25vw;">test div</div></div>...原创 2021-08-25 11:11:54 · 1125 阅读 · 0 评论 -
BFC及其应用
转载自:https://www.yuque.com/rua42/ha15yl/rqotohBFC概念:Block Formatting context (块级格式化上下文)是页面盒模型布局中的一种CSS渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。创建BFC:html根元素 float浮动 绝对定位 overflow不为visiable display为表格布局或者弹性布局BFC特性:内部box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由mar原创 2020-12-21 17:57:17 · 187 阅读 · 0 评论 -
css 设置透明背景
方法一、opacity:0~1,这个方法有个缺点,就是内容也会跟着透明;方法二、background-color:rgba(0,0,0,0),前面三个数字是rgb中的三个数字,合起来代表的是颜色,最后一个数字代表的是透明度,他的值是从0-1的,其中1是代表一点都不透明,0代表的是完全透明,使用这个方法就只会设置div背景透明,而不会影响到div里的内容;方法三、background-color: transparent;...原创 2020-10-27 19:24:47 · 11421 阅读 · 0 评论 -
z-indx不生效原因-父元素设置了overflow: hidden
z-indx不生效原因-父元素设置了overflow: hidden原创 2019-04-29 17:42:19 · 671 阅读 · 0 评论 -
使用字体图标和文字时 不对齐
<van-button type="danger" size="small" @click.stop="sign"><van-icon name="sign" class="iconType" />签到</van-button>.iconType{ vertical-align: middle; font-siz原创 2019-02-27 10:06:56 · 4107 阅读 · 0 评论 -
收缩展开侧边栏 窗口重置大小的时候,主体内容width适应问题
width: auto !important;right:0px;这样就不用考虑主体内容的with变化了让其自动填充原创 2018-05-14 20:06:27 · 2759 阅读 · 0 评论 -
相对路径使用
以 / 为起始,表示从根目录开始解析;以 ./ 为起始,表示从当前目录开始解析;以 ../ 为起始,表示从上级目录开始解析;转载 2018-02-02 10:20:40 · 157 阅读 · 0 评论