您现在的位置是：网站首页> 编程资料编程资料
CSS3标注引用的出处和来源的方法
2021-09-03
787人已围观
简介 这篇文章主要介绍了CSS3标注引用的出处和来源的方法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
疫情呆家里都快发霉了，打开电脑动动大脑，今天给大家分享一篇关于CSS3标注引用的出处和来源的方法。
新技术的出现往往意味着新的生产力的提高。随着HTML5和CSS3的流行和普及，越来越多的新方法能让我们简洁又轻松的解决以前用很复杂的代码才能完成的事情。比如HTML5中的download和placeholder，CSS3中的计算器和计数器，都使我们Web开发人员的工作量大大降低，因为这些功能的出现使我们省去了很多力气。这里，我将给大家介绍一个运用CSS3中的content和attr技术巧妙标注语录的作者或引言的出处的方法。
如果在文章中引用别人的话，或引用了某本书里的某段文章，应该将人名或书名在引用后标注出来，这不仅仅是出于礼貌，也属于出于尊重。通常我们的做法是使用float:right，让出处在引言的右下角出现。但CSS3中的content和attr技术让我们能更巧妙的实现它。下面是CSS3实现的效果图。
HTML代码
却说三藏着妖精送出洞外，沙和尚近前问曰：“师父出来，师兄何在?”
八戒道：“他有算计，必定贴换师父出来也。”三藏用手指着妖精道：“
你师兄在他肚里哩。”八戒笑道：“腌脏杀人!在肚里做甚?出来罢!”
行者在里边叫道：“张开口，等我出来!”那怪真个把口张开。行者变
得小小的，
相关内容
- 面试官提问之CSS如何实现固定宽高比CSS背景图片固定宽高比自适应调整的实现方法
- CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现CSS字体、文本、列表属性详细介绍css中有序无序列表项list样式设置方法使用CSS计数器美化数字有序列表的实现方法
- CSS3属性 line-clamp控制文本行数的使用CSS flex-basis 文本溢出问题的解决移动端的text-overflow多行文本溢出显示省略号(…)css多行文本溢出时出现省略号的示例html文本溢出显示省略字符的两种常用解决方法纯CSS定制文本省略的方法大全CSS实现单行、多行文本溢出显示省略号的实现方法css实现文本溢出显示省略号CSS实现限制字数功能当对象内文本溢出时显示省略标记用css截取字符实现文字自动截断隐藏溢出文本溢出文本text-overflow的使用问题分析及解决
- 详解CSS中的flex布局深入浅析CSS3中的Flex布局整理CSS实现动态图片的九宫格布局的实例代码css之display属性之inline-block布局实现详解css用Flex布局制作简易柱状图的实现使用CSS和Java来构建管理仪表盘布局的实例代码
- css用Flex布局制作简易柱状图的实现深入浅析CSS3中的Flex布局整理CSS实现动态图片的九宫格布局的实例代码css之display属性之inline-block布局实现详解详解CSS中的flex布局使用CSS和Java来构建管理仪表盘布局的实例代码
- 利用css样式实现表格中字体垂直居中的方法CSS3 不定高宽垂直水平居中的几种方式CSS3实现水平居中、垂直居中、水平垂直居中的实例代码手把手教你CSS水平、垂直居中的10种方式(小结)css常用元素水平垂直居中方案css布局教程之如何实现垂直居中CSS实现垂直居中的几种方法小结CSS垂直居中的另类实现代码详解(不走寻常路)
- CSS变量实现暗黑模式的示例代码纯CSS免费让网站拥有暗黑模式切换功能的实现代码Html页面支持暗黑模式的实现详解Html5项目适配系统深色模式方案总结
- CSS 中px、em、rem、%、vw、vh单位之间的区别详解浅析CSS中单位px、rem、em、vh、vw之间的区别CSS3移动端vw+rem不依赖JS实现响应式布局的方法css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况浅析rem和em和px vh vw和% 移动端长度单位如何利用vw+rem进行移动端布局
- css overflow: hidden 的用法(溢出隐藏及清除浮动)CSS 清除浮动与BFC的方法CSS实现元素浮动和清除浮动的方法Css实现清除浮动的方法汇总什么是BFC？ CSS 使用伪元素清除浮动的方法轻松搞懂CSS浮动与清除浮动图文详解css 如何清除浮动的示例代码CSS清楚浮动clear:both的实例代码
- 用css3实现转换过渡和动画效果css3+jquery实现的手机app页面转换动画特效源码css实现鼠标放上去时图片过渡转换动画效果
