css在标题左右插入两条线

利用css伪元素after和befeore在h标题左右插入两条线

 

Views: 62
飞鱼

css覆盖层特效:鼠标移上图片

css覆盖是网页中一种常见的显示模式,既鼠标移上图片显示文字或图标

1,鼠标移上图片显示图标并居中

2,鼠标移上图片,底部显[......]

阅读全文

Views: 67
飞鱼

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

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

[......]

阅读全文

Views: 62 Tags: , ,
飞鱼

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: 59 Tags:
飞鱼

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

替换元素:

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

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

阅读全文

飞鱼

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

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

例如图片img

<img src=.. width=70%>

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

阅读全文

Views: 53 Tags: ,
飞鱼

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

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

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

阅读全文

Views: 71 Tags: , ,
飞鱼

html5新标签main用法

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

阅读全文

Views: 121 Tags: ,
飞鱼

html5新标签hgroup用法

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

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

group代表组合,群组

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

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

阅读全文

Views: 102 Tags: ,
飞鱼