- 博客(13)
- 收藏
- 关注
转载 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
234
原创 banner自适应屏幕代码
本文为参考的网上的他人的笔记Banner自适应屏幕代码<html><head> <title>Title</title> <style> .bannerbox { width:100%; position:relative; overflow:hidden; height:200px; }
2020-06-30 17:43:52
806
原创 image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子
image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子。如下面的代码和效果图:1.使用margin: auto ,无法使input水平居中,但是我们看margin-top这个具体的数值是起作用了。给input添加display: block; 就可以了,具体原因我也不太清楚,请大佬解释一下,谢谢。...
2020-05-06 23:47:09
761
1
原创 cite、q、blockquote之间的区别
cite,q与blockquote这三个标签都是用来表示引用的,但这三者之间确是有着比较明显的区别的。1.cite是用来表明引用的来源,为书名、电影名或报告名.如:<cite>《西游记》</cite>2.q是较短的引用,引用的是一句话或者一句文档摘要一般显示为"",但IE不支持。如:<q cite=“http://www.oaquet.org”>Yes,...
2020-03-06 12:01:22
1582
转载 行内(内联)元素之间的空隙问题
行内元素之间会有几像素的空隙,既不是margin也不是padding,最终发现是由于换行符、制表符(tab)、空格等字符引起的。<div> <span>内联元素</span> <span>内联元素</span> <span>内联元素</span> <span>内联元...
2019-08-04 14:51:49
218
原创 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
1189
1
原创 为什么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
535
原创 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
1663
转载 表格 小笔记
如上图所示的表格,tr是行,td是单元格,th是标题性质的td。确定tr和td(th)数的方法:1.从上到下最细分到几行就有几个TR;2.如上是三种单元格基本形式,A是基本单元格。其余变种都是基本单元格合并而成。B是合并上下单元格而成,C是合并左右单元格而成。合并后的B算到第二行每一个单元格中,C算到第四行第一个单元格中。(从上到下,从左到右数)3.所以第一行有6个td,第二行有6个td...
2018-10-28 22:06:31
163
转载 图像 小笔记
指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。矩形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2))area shape=“rect” coords=“x1,y1,x2,y2” href=url&gt;;圆形:(圆心坐标为(X1,y1),半径为r)area...
2018-10-28 22:06:11
97
原创 随写经验
小总结1.敲代码要在英文标点状态下,可显示给用户的内容是可以用中文标点的。2.html标签一定成对出现,所以在打代码是我是先把成对的标签打出来,再在中间添内容,虽然慢,但是不容易出现落掉标签的情形。如&quot;html和/html&quot;。还得注意 这个“/”,而不是&quot;&quot;。3.我发现有些标签并不是成对出现的,比如 img属性&quot;&amp;lt;br&
2018-10-28 22:05:45
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人