div利用position与transform实现盒子水平垂直居中

有2个div盒子,外层的盒子box宽高300,背景颜色是蓝色。里边的盒子box1宽高是200,背景颜色是红色。html,css如下

[......]

阅读全文

飞鱼

Css BFC(Block Formatting Context)

BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。

浮动,绝对定位元素,inline-blocks, table-c[......]

阅读全文

飞鱼

Css中绝对定位Position:absolute是相对谁进行定位的

在css中,绝对定位position:absloute会查找最近的父(祖)元素中带有 (已定位)元素,如果这些父(祖)元素都没有定位,那么Position:absolute直接相对body进行绝对定位[......]

阅读全文

Views: 7 Tags:
飞鱼

html置换元素(替换元素)和非置换元素(不可替换元素)

替换元素:

替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。

例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而如果查看(x)html代码[......]

阅读全文

飞鱼

css中width百分比值是针对父元素的

css中,width值如果设置百分比,那么这个元素的宽度值是父元素宽度值的百分百

例如图片img

<img src=.. width=70%>

那么这个图片的宽度值是父元[......]

阅读全文

Views: 13 Tags: ,
飞鱼

关于position absolute的TRBL四个值都为0的研究

当position:absolute的TRBL四个值都为0的情况下,

如果设置position:absolute的元素没有设置宽度和高度,那么TRBL四个值都为0的时候,元素完全覆盖带有posi[......]

阅读全文

Views: 14 Tags: , ,
飞鱼

html5新标签main用法

<main>标签是html5的新标签,详细用法参考:http://w3c.github.io/html/grouping-content.html#the-main-element[......]

阅读全文

Views: 27 Tags: ,
飞鱼

html5新标签hgroup用法

hgroup我们把它拆分的话就h和group

h代表h1,h2....等标题

group代表组合,群组

所以合起来的意思应该是 标题的组合

用法
[crayon-5b30f2[......]

阅读全文

Views: 21 Tags: ,
飞鱼

html5新元素figure和figcaption用法

html5中的新元素<figure><figcaption>是一体的,主要作用是在文档中插入一个带标题的图片

[......]

阅读全文

Views: 18 Tags: , ,
飞鱼

最基础的html5内置样式

 

 

Views: 18
飞鱼