展会信息

首页>新闻中心>展会信息
WordPress主题DIY之blockquote块引用美化
日期:2019-08-26 16:08浏览次数:88信息来源:网络

合乐 www.genius-jerseys.com

2019-08-1415:53让孩子在完成规定作业,确保人身安全的条件下释放天性,尽情玩耍。即便这样的时间只有一个假期的一半或三分之一,也为假期无处和难以安放的孩子提供了极好的机会。2019-08-1415:53二手平台不能沦为色情平台。在二手电商平台上,买卖双方理应恪守依法与诚信准则。对于消费者来讲,更应增强防范,不能被违法违规信息所忽悠,致使自身权益被侵害。

WordPress主题DIY之blockquote块引用美化

据农业农村部统计,全国优质强筋弱筋小麦占比达到33%,比上年提高3个百分点。全国夏粮最多的河南省优质专用小麦播种面积达到1204万亩,比上年增加364万亩。

WordPress主题DIY之blockquote块引用美化

在WordPress文章编辑中有一个较为常用的按钮“块引用”,使用后会给选定的段落添加blockquote标签,用以调用某些引用的语句或者强调。 blockquote标签简述:blockquote标签定义块引用。

blockquote与/blockquote之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。

也就是说,块引用拥有它们自己的空间。

通俗的来说,就是HTML标签语义化的体现,意思是该标签内的内容是引用的(如名言警句、软件介绍等等)而通常会有特定的前端样式。

如W3C里面介绍的那样,经常会在左右两边增加外边距,还会用斜体。 而在WordPress主题中,常见的一种前端样式就是如下所示的小绿标,有点泛滥的节奏了。 当然也有很多是专门用以提示的类class。

飞鸟的主题之前采用的就是这种风格的blockquote样式,看久了有点审美疲劳了,于是乎重新定义了一些块引用的样式,如下所示。

将css代码贴出/*雅兮网自用块引用样式样式https://*/.postblockquote{font:14px/20pxitalicTimes,serif;color:#888;padding:18px;background-color:#dddddd;border-left:15pxsolid#666666;margin:5px;background-image:url(img/quote_);background-position:15px10px;background-repeat:no-repeat;text-indent:23px;line-height:;}.postblockquotep{text-indent:23px;}.postblockquotep:last-child{background-image:url(img/quote_);background-repeat:no-repeat;background-position:bottomright;}非常容易看出,只是给blockquote标签增加了一个背景图(开头引号),然后给最后一个p标签加了一个背景图(结尾引号);当然也可以通过伪元素::before、::after来输出这一对引号,可个人喜好了,此处暂且不贴。 当然你也可以自行调整颜色以适配你的主题,两个素材小标地址如下,请自行保存至你的主题模板根目录的img文件夹下面。 另外之前的小绿标样式也是个非常优秀的样式,可以重新定义一个类,在写文章的时候可以因势调用,让网站更具风格化!重新调整blockquote引用块样式,使其更加圆润,简洁。 新样式代码如下,只修改了blockquote标签的样式,其他的不变。 我是一段被引用的文字blockquote{font:16px/20pxitalicTimes,serif;color:#333;padding:18px;background-color:#f5f5f5;border-left:15pxsolid#666666;border-radius:5px;margin:5px;background-image:url(../img/quote_);background-position:15px10px;background-repeat:no-repeat;text-indent:23px;line-height:;}。

WordPress主题DIY之blockquote块引用美化

”  刘春光:“那我今天晚上给你打电话就没有意义了。”  余先生:“理解理解……”  刘春光:“实在不行,我们‘120’车辆可以把你接过来。”  余先生:“不用不用不用……”  刘春光:“你把电话给你老婆,我跟你老婆说。”  余先生:“我老婆已经睡了。”  刘春光:“你把她喊醒……”  经过多番苦口婆心的劝导,余先生终于在次日凌晨4点回到大坪医院急诊科。