[面经总结]html/css
关注
分享
扫一扫
Slueia
这个作者很懒，什么都没留下…
展开
-
高度塌陷的解决方法
https://blog.youkuaiyun.com/tiankai100/article/details/83054061转载 2020-12-10 15:30:26 · 117 阅读 · 0 评论 -
opacity: 0、visibility: hidden、display: none
https://juejin.cn/post/6844904202867572749转载 2020-12-07 11:06:36 · 100 阅读 · 0 评论 -
15、px、em、rem的区别
https://www.cnblogs.com/webdragon/p/11185979.html在css中单位长度用的最多的是px、em、rem，这三个的区别是：一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。三、em是相对于其父元素来设置字体大小的，一般都是以的“font-size”为基准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而Rem是相对于根原创 2020-12-01 20:43:51 · 1041 阅读 · 0 评论 -
14、Flex布局
https://www.cnblogs.com/echolun/p/11299460.html1、flex-derection属性：取值：row(默认) | row-reverse | column | column-reverse用于控制项目排列方向与顺序，默认row，即横向排列，项目排列顺序为正序1-2-3；row-reverse同为横向排列，但项目顺序为倒序3-2-1。column 与row相反，为纵向排列，项目顺序为正序1-2-3，column-reverse同为纵向排列，项目顺序为倒序3-2原创 2020-11-30 19:49:41 · 121 阅读 · 0 评论 -
12、IFC与BFC
首先从概念入门，B是Block,I是inline,F [Formatting] C [context]。一句话概括就是格式化上下文一个是块级，一个是行级。BFC有如下规则：1、内部的盒子会在垂直方向，一个个的放置；2、BFC是页面上的一个隔离的容器3、属于同一个BFC的 两个相邻Box的 上下margin会发生重叠4、计算BFC的高度时，浮动元素也参与计算5、BFC的区域不会与float重叠；触发BFC的条件：1、body 根元素；2、浮动元素：float 不为none的属性值；3、绝对原创 2020-11-29 19:07:49 · 184 阅读 · 0 评论 -
css四种定位方式及其区别
1、static （静态定位）默认值，元素框正常生成的，top left bottom right这几个偏移属性还有z-index不会影响其静态定位的正常显示2、relative是保留原来位置，不脱离文档流，相对于原位置定位，经常与z-index属性进行层次分级3、absolute脱离文档流，是整个元素的左上角（含margin）相对于最近的、非static定位的父元素的padding外边界或者说border内边界定位的;如果没有非static定位的父元素，则相对于“浏览器可视窗口”定位（不是body也不原创 2020-11-25 11:15:19 · 1030 阅读 · 0 评论 -
3、用CSS画三角形
一篇技巧理解https://www.jianshu.com/p/fe20747292511、有一条横竖边（上下左右）的设置为border-方向原原点在横竖边对着的顶点上。1.1 Triangle Up#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100p原创 2020-11-15 22:29:42 · 158 阅读 · 0 评论 -
2、＜a＞＜/a＞标签全部作用
标签的target属性大致有这几种：（1）_blank（2）_self（3）_parent（4）_top作用1 超链接1、<a href="https://www.baidu.com/" target="_blank">超链接</a>在一个新的窗口打开连接相应的网页。2、<a href="https://www.baidu.com/" target="_self">在原来的窗口打开连接相应的网页。（如果target属性值不写的话，默认是这种方式）3原创 2020-11-14 23:21:02 · 11606 阅读 · 0 评论 -
1、CSS权重及其引入方式
引入css(cascading style sheet 层叠样式表)的四种方法：1 行间样式 <div style="background: red;">内联样式</div>2 内部样式表（内嵌样式） 在head标签写style标签<html> <head> <title>内部样式表</title> <style> *{原创 2020-11-14 23:01:00 · 265 阅读 · 0 评论