CSS
关注
分享
扫一扫
风海生
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
元素absolute定位后，高宽如何计算?
当元素absolute定位后，他的高宽默认为多少？如果不写width, height，他们的值都默认为0； 设置width: 100%;height:100%后，宽度会如何计算?设置width: 100%; height: 100%; 后，他们的值会继承自它相对于定位的那个祖先元素 其本身的padding，margin还有用吗吗？margin，padding仍然是有效...原创 2018-07-23 18:04:46 · 2726 阅读 · 0 评论 -
height:100%和height:inherit比较
height:100%和height:inherit在我的理解中。height: 100%; 是会继承父元素的100%的高度height: inherit; 是会继承父元素的高度我觉得他们的意思是一样的，目前来说，我没有找到任何的不同点。但是，具体的现象却不是的。请看下面的来那个张图片。采用的是flex布局。这里就很确定的说明了，height: 100%; 和 height: ...原创 2019-06-19 14:34:23 · 6870 阅读 · 0 评论 -
CSS知识点总结
语言语法和形式CSS选择器的优先级继承盒模型(Box model) 外边距合并(margin collapse)堆叠(层叠)(Stacking)格式化上下文（block-formatting contexts）初始值、计算值、应用值和当前值CSS简写属性 （CSS shorthand properties）CSS弹性盒子 （CSS Flexible Box Layout）CS...原创 2019-06-19 14:27:27 · 206 阅读 · 0 评论 -
CSS外边距合并
MDN 教程CSS 外边距合并(或折叠)借用MDN的定义：块级元素的上外边距(margin-top)和下外边距(margin-bottom)有时会合并（或折叠）为一个外边距，这种行为称为外边距折叠(margin collapsing) 有时也翻译为外边距合并。注意: 浮动元素和绝对定位元素的外边距不会折叠（因为这里触发了块格式化上下文[Block Formating Context, BFC]...原创 2019-06-19 14:26:59 · 195 阅读 · 0 评论 -
CSS盒模型
MDN教程： https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model请先看完MDN的教程CSS盒模型CSS盒模型的组成部分： margin + border + padding + content;两种盒模型盒模型分两种：标准盒模型和怪异盒模型。他们之...原创 2019-06-19 14:24:34 · 174 阅读 · 0 评论 -
CSS属性不同情况下的值
初始值也叫默认值，是一个属性在没有为其设置值时，所展现出来的默认值。就好像let num; num的值为undefinedMDN上的说法：可继承的属性值，初始值只能用在没有指定值的根元素上不可继承的属性值，初始值可以被用在任意没有指定值的元素上。指定的方式是：赋值initial;计算值MDN教程我不介绍MDN教程上有的东西。核心概念：计算值是一个子元素继承自父元素的值。...原创 2019-06-19 14:20:00 · 344 阅读 · 0 评论 -
CSS弹性盒子
CSS弹性盒子(Flexible Box 或 Flexbox): MDN教程概念看MDN即可。何时使用它当页面需要使用不同的屏幕尺寸和不同的显示设备时。特性不需依赖float就能在行或列进行上布局，并且能以弹性尺寸来适应空间flex容器的边缘不会与其他内容折叠元素的显示顺序可以与它们在源代码中的顺序无关，所以弹性项目的定位更加便捷了，简单的代码即可完成复杂的布局布局相关核心概...原创 2019-06-19 14:18:32 · 669 阅读 · 0 评论 -
CSS属性继承
CSS 继承MDN 的教程：https://developer.mozilla.org/zh-CN/docs/Web/CSS/inheritance什么是继承呢？一个子元素可以从祖先元素继承“可继承属性”的计算值。可以对比Java的继承来理解，子类的实例调用某方法show()时，如果子类中不存在，则会调用父类中的show()方法，如果父类中也没有，则调用父类的父类中的show()方法，...原创 2019-06-19 14:16:13 · 6521 阅读 · 0 评论 -
CSS选择器的优先级
MDN上关于CSS选择器优先级的介绍https://developer.mozilla.org/zh-CN/docs/Web/CSS/SpecificityID、class、元素 、属性优先级排名为：ID[属性][伪类]ID[属性] --或-- ID[伪类]; 看声明顺序, 后声明的优先级更大IDclass[属性][伪类]元素[属性][伪类]class[伪类] --或-- cl...原创 2019-06-19 14:15:06 · 2719 阅读 · 0 评论 -
CSS属性不同情况下的值
初始值也叫默认值，是一个属性在没有为其设置值时，所展现出来的默认值。就好像let num; num的值为undefinedMDN上的说法：可继承的属性值，初始值只能用在没有指定值的根元素上不可继承的属性值，初始值可以被用在任意没有指定值的元素上。指定的方式是：赋值initial;计算值MDN教程我不介绍MDN教程上有的东西。核心概念：计算值是一个子元素继承自父元素的值。...原创 2019-04-30 10:31:20 · 446 阅读 · 0 评论 -
CSS外边距合并
MDN 教程CSS 外边距合并(或折叠)借用MDN的定义：块级元素的上外边距(margin-top)和下外边距(margin-bottom)有时会合并（或折叠）为一个外边距，这种行为称为外边距折叠(margin collapsing) 有时也翻译为外边距合并。注意: 浮动元素和绝对定位元素的外边距不会折叠（因为这里触发了块格式化上下文[Block Formating Context, BFC]...原创 2019-04-30 10:20:36 · 590 阅读 · 0 评论 -
Form 内如果存在Form会如何?
Form 内如果存在Form会如何?<html> <head></head> <body> <form action=""> <form action=""> <input type="text" name="name"> ...原创 2019-06-19 14:36:06 · 321 阅读 · 0 评论