【CSS3】用i标签用作小图标

摘要:
首先在这里写一个昨天听张大神课程的时候,遇到一个问题,在这里写一下当position:absolute用在子标签当中时,如果不设定子标签的位置,那么子标签就具有跟随性,父标签跑哪,子标签跟哪。但是当子标签中出现哪怕一个空格或极小的间距,这种跟随性就随之消失,就脱离父标签,此时我们的解决办法是用注释去空格˂!有人说这标签短小,有人说这标签适用不影响效果,还有就是大家都使用,所以我也就使用该标签吧。

首先在这里写一个昨天听张大神课程的时候,遇到一个问题,在这里写一下

当position:absolute用在子标签当中时(父标签不使用position:relative),如果不设定子标签的位置,那么子标签就具有跟随性,父标签跑哪,子标签跟哪。

但是当子标签中出现哪怕一个空格或极小的间距,这种跟随性就随之消失,就脱离父标签,此时我们的解决办法是用注释去空格<!-- -->。

接下来我们谈论i标签

i标签显示斜体文本效果

bootstrap 2.x版本中使用i标签做小图标 http://v2.bootcss.com/base-css.html#images

在3.X的版本里面的组建改回了span

为什么使用i标签用作小图标?

有人说这标签短小,有人说这标签适用不影响效果,还有就是大家都使用,所以我也就使用该标签吧。

免责声明:文章转载自《【CSS3】用i标签用作小图标》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇STM32学习笔记——定时器中断(向原子哥学习)PostgreSQL+pgpool-II复制方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单

 水平&垂直对齐 元素居中对齐 .center { margin: auto; 50%; border: 3px solid green; padding: 10px; } 文本居中对齐 .center { text-align: center; border: 3px solid green;...

如何用webpack搭建vue项目?本文案例详解

前言:都2020年了,感觉是时候该学一波webpack了,趁着最近有时间,就学了一下,等把官网上的webpack结构和模块大概看了一遍之后,就感觉可以开始搭个项目实战一下了,从0开始,一步步记录下来 使用版本: webpack4.x 1.包含插件和loader * html: html-webpack-plugin clean-webpack...

xpath和css selector的使用方法

什么是Xpath? XPath是XML的路径语言,通俗一点讲就是通过元素的路径来查找到这个标签元素 Xpath的练习建议安装火狐浏览器后,下载插件,FireBug和FirePath,谷歌浏览器可以下载ChroPath插件,进行定位,切换到XPath,默认死格式 先写//*代表定位页面下所有元素,[@id='kw'],尽量不要用xpath来定位,因为xpa...

js定位光标到输入框指定位置

在提供友好用户界面时,常常要定位光标到输入框的指定位置。通常是尾部,好让用户接着输入信息。我们可以用javascript操作dom来实现,以下是实现的方法   1.       function changeCursor(input, position) {    2.             var range = input.createTextRa...

前端开发中常遇到的浏览器兼容问题小结

1. 默认的内外边距不同 问题:各个浏览器默认的内外边距不同 解决:*{margin:0;padding:0;} 2. 水平居中的问题 问题:设置 text-align: center;  ie6-7文本居中,嵌套的块元素也会居中,ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决:块元素设置 1、margin-left:auto...

css实现五颜六色的按钮导航

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>css实现五颜六色的按钮导航_网页代码站(www.webdm.cn)</title&...