html&css
文章平均质量分 81
雨中畅游
基础和深入决定能走多远和多高。
展开
-
html——置换元素和非置换元素
刚刚接触html的伙伴们听这两个名字就很懵很简单,先来一个问题。什么是行内元素?什么是块级元素?一般我们都会答:行内元素不能设置宽高,不会新起一行,行内元素只能包含数据或者行内元素,不能设置上下margin等等。块级元素当然,能够新起一行,能够设置宽高,margin,并且可以包含块级元素,行内元素和数据。好的,没问题,那么再问: img是行内元素吗?马上回答,是的。 那么img能够设置...原创 2018-03-23 14:14:41 · 2718 阅读 · 1 评论 -
文字图片垂直居中
每次做项目都会遇到,因此记下来,日后也可以回顾。关于文字图片的垂直居中(当然外层容器是定高),网上有很多关于此的解决办法,但是经过自己各种方法的尝试,结合兼容性,实用性等等,用下列方法较多:1、文字垂直居中 a、单行文字垂直居中,我们都知道,把高度和行高设置成一样就可以。 b、多行文字垂直居中 方法:用table-cell表格的属性来(这相当于我们见到的td标签,兼容IE...原创 2018-04-10 23:02:25 · 814 阅读 · 0 评论 -
HTML5 data-*属性
虽然已经有很多的关于此属性的讲解文章,但是下面的内容也属于个人理解,记录一下1、是个啥?有什么用?HTML5的新特性data-*,用于用户自定义属性,对于元素,可以绑定相关的数据了。data-只是属于前缀,对于自定义的属性方便统一管理,就比如一个元素上很多属性,咋一看很混乱,但是如果都自定义的属性前缀都加上data-,一目了然,这是自定义的。比如 data-comment。不仅仅如此,通过js和j...原创 2018-04-03 17:51:05 · 3935 阅读 · 1 评论 -
说说table下面定位层级的问题
先来看看问题是怎样的: 问题描述:就是一个table,我们想实现的效果是hover到比如标题上面,展示一个窗口的姑且,上面展示一些详细的内容。这样的效果,虽然用div列表也可以实现,但是table总有table的优势,我们这里就讲table。 这时候就开动了,很多人的想法,很简单嘛,首先td相对定位,然后里面加个div就是外面那个窗口,绝对定位,完美解决。我只能说,太年轻了我们... 上...原创 2018-10-17 18:45:50 · 2544 阅读 · 0 评论 -
说说弹性布局flexbox
今天是一个特别的节日哈,#1024程序员节#,内部嗨皮一下就好了。但是节日是一个仪式,学习是永不止步的。今天聊聊弹性布局,或许都听厌烦了,自己很早之前也有了解,但是也只是皮毛,今天乘着节日记录一下吧。 自己之前第一眼瞧上flexbox(弹性布局)也就是看上了它的垂直居中,这在我们平时的float之类的布局中是个头疼的东西。最后发现flexbox魅力无穷。 注意:设为 Flex 布局以后,子元...原创 2018-10-24 23:47:43 · 718 阅读 · 0 评论