- 博客(5)
- 收藏
- 关注
原创 品优购项目笔记3
如何做出如图效果? 依然用ul>li,如图需要五个li 因为li是块级元素,所以每个li都需要浮动。从图可以观察到每个li之间都距离,通过padding撑开 从图可以看到,图片没有遮住文字,而浮动的元素可以嵌套环绕在图片和文字中。这里将图片放在一个h5标签的盒子中(让h5浮动),图片后面的文字放在一个块级的盒子里(不添加浮动),这样就可以达到目的。 ...
2021-11-19 14:14:35 164
原创 前端:图片链接
点击图片,页面跳转,为达到SEOY优化,图片应该嵌套在h>a中,同时a标签还要满足两个条件:有title属性;链接有文字但不显示(font-size:0) html: css: 注意:a标签是行内元素,嵌套图片是需要转换为块级元素 ...
2021-11-18 19:32:34 588
原创 品优购项目笔记2
怎么做出如图效果? 方法一: 这个比上一个多了一些东西,但方法类似。每个元素都在一个li中,如图需要13个li(ul、li都不设宽度,让内容决定盒子大小),li是块级元素,需要添加浮动 元素之间的距离通过被li包含的“I”的padding/margin撑开,由于它们的位置具有规律(都是偶数),所以通过结构伪类选择器设置padding/margin(建议给a标签设置padding,这样可以使点击链接的范围更大) 小符号通过伪元素选择器将字体图标引入,他们之间的距离通过margin撑开 方法二: 这里
2021-11-18 19:17:57 246
原创 品优购项目笔记1
品优购项目笔记1 如何做出如下效果? 通过ul,ul中可以包含多个li 每个li都是块级元素,独占一行,如果要做出如图效果,需要让li浮动(这里没有定义宽度,让宽度根据内容自动调节) 从图1可以看出,每个元素之间都有距离,这里通过给li的子元素a添加padding撑开(不使用和添加宽度),但由于a是行内元素,所以需要先转换为块级元素(还有一种方式,见下一篇文章) 从图1可以看到最后一个元素后面还有一个符号,可以通过给最后一个元素添加after伪元素(将字体图标引入),如果元素之间有距离,可以考虑两种
2021-11-18 18:49:27 177
原创 初学VMware笔记
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
2020-03-19 17:55:09 201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人