- 博客(13)
- 收藏
- 关注
RSS订阅转载 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
264
原创 banner自适应屏幕代码
本文为参考的网上的他人的笔记Banner自适应屏幕代码<html><head> <title>Title</title> <style> .bannerbox { width:100%; position:relative; overflow:hidden; height:200px; }
2020-06-30 17:43:52
872
原创 image标签使用margin属性时使用具体数值则有效而使用auto则无效，对其使用padding属性不会撑开盒子
image标签使用margin属性时使用具体数值则有效而使用auto则无效，对其使用padding属性不会撑开盒子。如下面的代码和效果图：1.使用margin: auto ,无法使input水平居中，但是我们看margin-top这个具体的数值是起作用了。给input添加display: block; 就可以了，具体原因我也不太清楚，请大佬解释一下，谢谢。...
2020-05-06 23:47:09
810
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
1678
转载 行内（内联）元素之间的空隙问题
行内元素之间会有几像素的空隙，既不是margin也不是padding，最终发现是由于换行符、制表符（tab）、空格等字符引起的。<div> <span>内联元素</span> <span>内联元素</span> <span>内联元素</span> <span>内联元...
2019-08-04 14:51:49
249
原创 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
1252
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
557
原创 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
1755
转载 表格 小笔记
如上图所示的表格，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
215
转载 图像 小笔记
指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏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
117
原创 随写经验
小总结1.敲代码要在英文标点状态下，可显示给用户的内容是可以用中文标点的。2.html标签一定成对出现，所以在打代码是我是先把成对的标签打出来，再在中间添内容，虽然慢，但是不容易出现落掉标签的情形。如&quot;html和/html&quot;。还得注意 这个“/”,而不是&quot;&quot;。3.我发现有些标签并不是成对出现的，比如 img属性&quot;&amp;lt;br&
2018-10-28 22:05:45
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人