自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

风海生

前端技术博客;摄影爱好者;围棋爱好者;

  • 博客(13)
  • 收藏
  • 关注

原创 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 121

原创 JS数据类型

JS的基本数据类型有哪些?常用的引用类型有哪些?null, undefined, boolean, string, numberObject, Array, Date, JSONObject:1. toString2. hasOwnProperty: 查找是否有此属性值3. defineProperties: 用来给对象新增属性值Array:1. 增: push, unshi...

2019-06-19 14:42:38 103

原创 Form 内如果存在Form会如何?

Form 内如果存在Form会如何?<html> <head></head> <body> <form action=""> <form action=""> <input type="text" name="name"> ...

2019-06-19 14:36:06 240

原创 height:100%和height:inherit比较

height:100%和height:inherit在我的理解中。height: 100%; 是会继承父元素的100%的高度height: inherit; 是会继承父元素的高度我觉得他们的意思是一样的,目前来说,我没有找到任何的不同点。但是,具体的现象却不是的。请看下面的来那个张图片。采用的是flex布局。这里就很确定的说明了,height: 100%; 和 height: ...

2019-06-19 14:34:23 6633

原创 CSS外边距合并

MDN 教程CSS 外边距合并(或折叠)借用MDN的定义:块级元素的上外边距(margin-top)和下外边距(margin-bottom)有时会合并(或折叠)为一个外边距,这种行为称为外边距折叠(margin collapsing) 有时也翻译为外边距合并。注意: 浮动元素和绝对定位元素的外边距不会折叠(因为这里触发了块格式化上下文[Block Formating Context, BFC]...

2019-06-19 14:26:59 122

原创 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 121

原创 CSS属性不同情况下的值

初始值也叫默认值,是一个属性在没有为其设置值时,所展现出来的默认值。就好像let num; num的值为undefinedMDN上的说法:可继承的属性值,初始值只能用在没有指定值的根元素上不可继承的属性值,初始值可以被用在任意没有指定值的元素上。指定的方式是:赋值initial;计算值MDN教程我不介绍MDN教程上有的东西。核心概念:计算值是一个子元素继承自父元素的值。...

2019-06-19 14:20:00 270

原创 CSS弹性盒子

CSS弹性盒子(Flexible Box 或 Flexbox): MDN教程概念看MDN即可。何时使用它当页面需要使用不同的屏幕尺寸和不同的显示设备时。特性不需依赖float就能在行或列进行上布局,并且能以弹性尺寸来适应空间flex容器的边缘不会与其他内容折叠元素的显示顺序可以与它们在源代码中的顺序无关,所以弹性项目的定位更加便捷了,简单的代码即可完成复杂的布局布局相关核心概...

2019-06-19 14:18:32 589

原创 CSS属性继承

CSS 继承MDN 的教程:https://developer.mozilla.org/zh-CN/docs/Web/CSS/inheritance什么是继承呢?一个子元素可以从祖先元素继承“可继承属性”的计算值。可以对比Java的继承来理解,子类的实例调用某方法show()时,如果子类中不存在,则会调用父类中的show()方法,如果父类中也没有,则调用父类的父类中的show()方法,...

2019-06-19 14:16:13 6402

原创 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 2628

原创 CSS属性不同情况下的值

初始值也叫默认值,是一个属性在没有为其设置值时,所展现出来的默认值。就好像let num; num的值为undefinedMDN上的说法:可继承的属性值,初始值只能用在没有指定值的根元素上不可继承的属性值,初始值可以被用在任意没有指定值的元素上。指定的方式是:赋值initial;计算值MDN教程我不介绍MDN教程上有的东西。核心概念:计算值是一个子元素继承自父元素的值。...

2019-04-30 10:31:20 279

原创 CSS外边距合并

MDN 教程CSS 外边距合并(或折叠)借用MDN的定义:块级元素的上外边距(margin-top)和下外边距(margin-bottom)有时会合并(或折叠)为一个外边距,这种行为称为外边距折叠(margin collapsing) 有时也翻译为外边距合并。注意: 浮动元素和绝对定位元素的外边距不会折叠(因为这里触发了块格式化上下文[Block Formating Context, BFC]...

2019-04-30 10:20:36 476

原创 元素absolute定位后,高宽如何计算?

当元素absolute定位后,他的高宽默认为多少?如果不写width, height,他们的值都默认为0; 设置width: 100%;height:100%后,宽度会如何计算?设置width: 100%; height: 100%; 后,他们的值会继承自它相对于定位的那个祖先元素   其本身的padding,margin还有用吗吗?margin,padding仍然是有效...

2018-07-23 18:04:46 2601

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除