学习中的小问题
zmf19901117
这个作者很懒,什么都没留下…
展开
-
css中 nth-child 和 nth-of-type 的区别
css中 nth-child 和 nth-of-type 的区别 在css3中有两个新的选择器可以选择父元素下对应的子元素,一个是:nth-child 另一个是:nth-of-type。 但是它们到底有什么区别呢? 其实区别很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素, 而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。 文字未免听起转载 2020-07-08 13:17:58 · 236 阅读 · 0 评论 -
image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子
image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子。如下面的代码和效果图: 1.使用margin: auto ,无法使input水平居中,但是我们看margin-top这个具体的数值是起作用了。 给input添加display: block; 就可以了,具体原因我也不太清楚,请大佬解释一下,谢谢。 ...原创 2020-05-06 23:47:09 · 763 阅读 · 1 评论 -
HTML列表(ul/ol)中 li 标签被内容撑开后盒子居然比内容大
看看下面这段代码,已经提前将整个面的内外边距(margin0,padding0)设为0。没有给<li>宽高,把li 里面的a标签 转化为inline-block行内块元素,给宽高分别为200px,我们推测 li 标签应该被a标签的宽高撑开,宽高也应变为200px,但是显示出来 li 的高大于200px。 代码: <head> <style>...原创 2019-07-24 10:12:26 · 1667 阅读 · 0 评论 -
为什么li 里面的 line-height 属性可以被其子元素 a 继承,而text-decoration及 color属性则无法被 a 继承
html代码如下: <ul> <li><a href="#">首页</a></li> <li><a href="#">云云商城</a></li> <li><a href="#">智慧门店</a></...原创 2019-07-25 16:28:43 · 536 阅读 · 0 评论 -
行内(内联)元素之间的空隙问题
行内元素之间会有几像素的空隙,既不是margin也不是padding,最终发现是由于换行符、制表符(tab)、空格等字符引起的。 <div> <span>内联元素</span> <span>内联元素</span> <span>内联元素</span> <span>内联元...转载 2019-08-04 14:51:49 · 218 阅读 · 0 评论 -
HTML中文本的行高line-height能撑开盒子,但是不能撑开a 标签
HTML中文本的行高line-height能撑开盒子,但是不能撑开a 标签。 如代码所示,没有给div 盒子高,但是给<a>了一个行高 line-height为100px. <div style="background-color: pink;"> <a href="#" style="line-height: 100px;">alkjlkjg<...原创 2019-08-02 12:19:51 · 1194 阅读 · 1 评论