HTML/CSS - 随笔分类 - lauzhishuai

摘要：CSS 初始化样式（Reset CSS 官网提供）：阅读全文

posted @ 2019-06-22 22:03 lauzhishuai 阅读(7363) 评论(0) 推荐(0)

摘要：本文转载（https://segmentfault.com/a/1190000013647777）一.BFC的概念 1.规范解释块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素阅读全文

posted @ 2019-06-09 23:52 lauzhishuai 阅读(1251) 评论(0) 推荐(1)

实现三栏布局的六种方式

摘要：本文转载（https://www.jianshu.com/p/3046eb050664）六种布局方式：圣杯布局、双飞翼布局、Flex布局、绝对定位布局、表格布局、网格布局一.圣杯布局圣杯布局是指布局从上到下分为header、container、footer，然后container部分定为三栏布阅读全文

posted @ 2019-06-09 17:13 lauzhishuai 阅读(3291) 评论(0) 推荐(0)

清除浮动的四种方式及其原理理解

摘要：本文转载：https://segmentfault.com/p/1210000011625576/read 本文介绍了四种清除浮动的方法，并尝试解释其原理。在理解了各种清除浮动的原理之后，你会发现，很多清除浮动的方法本质上其实是一样的。掌握这些原理，相信你可以根据场景和需求，灵活运用原则发展出不同的阅读全文

posted @ 2019-05-31 09:53 lauzhishuai 阅读(8811) 评论(0) 推荐(5)

行框基线位置确定（line box 基线）

摘要：在设置vertical-align属性（只有inline元素有效，对inline-block和block元素无效）时有一个属性值：baseline，那么这个基线是什么，怎么确定。这个基线就是其所在行的line box基线。设置vertical-align：baseline 属性就是设置其本身元素的阅读全文

posted @ 2019-05-29 18:47 lauzhishuai 阅读(863) 评论(1) 推荐(0)

【学习笔记】块级元素水平垂直居中方法

摘要：本文以<div>元素为例本文转载 1.已知块级元素的宽和高，使用绝对定位absolute和外边距实现水平垂直居中。父元素position:relative，子元素position:absolute;top:50%;left:50%;margin-top:-height/2;margin-left 阅读全文

posted @ 2019-04-01 23:02 lauzhishuai 阅读(7499) 评论(0) 推荐(0)

【学习笔记】CSS优先级规则

摘要：CSS的优先级规则很多地方的说法都是错误的，常见错误说法是inline css>内部样式>外部样式，其实并没有这种规定。真正的CSS优先级确定是通过特性值大小确定的，在特性值大小相同的情况下，哪个样式出现在最后采用哪个样式。在大型复杂系统或css样式太多的情况下，同一个元素可能有多个css样式能够阅读全文

posted @ 2018-12-29 18:12 lauzhishuai 阅读(1039) 评论(0) 推荐(0)

【学习笔记】响应式布局的常用解决方案（媒体查询、百分比、rem、和vw/vh）

摘要：原文转载：https://blog.csdn.net/sinat_17775997/article/details/81020417 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局阅读全文

posted @ 2018-11-14 17:15 lauzhishuai 阅读(852) 评论(0) 推荐(0)

【学习笔记】Sass入门指南

摘要：本文将介绍Sass的一些基本概念，比如说“变量”、“混合参数”、“嵌套”和“选择器继承”等。著作权归作者所有。什么是Sass？ Sass是一门非常优秀的CSS预处语言，他是由Hampton Catlin创立的。它可以减化CSS的工作流，使开发者更加容易开发，维护CSS样式。例如，你是否在特定的样阅读全文

posted @ 2018-08-24 15:45 lauzhishuai 阅读(221) 评论(0) 推荐(0)

【经验总结】关于使用某些第三方插件库元素设置display:none后重新show不显示的问题；（display、opacity、宽高0的使用场景）

摘要：display：none 直接取消元素所占用的位置（但是元素还是存在的），后面元素看他就相当于不存在了； opacity：0 隐藏，但是其依旧占用位置； height、width：0 和display：none类似，但是在某些情况下，宽高为零重新展现时元素不刷新，display：none 重新sho 阅读全文

posted @ 2018-03-26 15:23 lauzhishuai 阅读(1180) 评论(0) 推荐(1)

【学习笔记】HTML position(static、fixed、relative、absolute)

摘要：【本文转载】 position的四个属性值：static、fixed、relative、absolute 下面分别讲述这四个属性:<div id="parent"> <div id="sub1">sub1</id> <div id="sub2">sub2</id> </div>1. relative 阅读全文

posted @ 2018-01-22 16:44 lauzhishuai 阅读(321) 评论(0) 推荐(0)

【学习笔记】block、inline（替换元素、不可替换元素）、inline-block的理解

摘要：本文转载总体概念常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block，inlin 阅读全文

posted @ 2017-12-28 15:21 lauzhishuai 阅读(466) 评论(0) 推荐(0)

【经验总结】datagrid锁定列后重新加载时出现错位问题的解决

摘要：【问题描述】：有时候datagrid设置了锁定列后，在重新加载datagrid数据时，出现锁定列与非锁定列数据错位的问题，如图：【问题分析】：查看css样式我们发现，锁定的列和非锁定的列属于两个不同的div，而其td标签高度属性height都设置为了'auto'，导致在两个div中若某个div存在阅读全文

posted @ 2017-10-09 15:26 lauzhishuai 阅读(463) 评论(0) 推荐(0)

lauzhishuai

随笔分类 - HTML/CSS