资讯专栏INFORMATION COLUMN

让页面的字体变得更清晰(css实现)和使用css样式布局价格划线

Freelander / 2807人阅读

摘要:它有三个属性值对低像素的文本比较好默认值抗锯齿很好具体代码这个属性也是更清晰的作用。具体代码和实现样式布局横线实现,在标签中可以使用删除线实现可以使用标签实现优惠价格元,原价元实现,使用优惠价格元,原价元

css3属性-webkit-font-smoothing

  对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中,后由于某些原因从web标准中被移除了。但是,我们可以用以下两种定义进行抗锯齿渲染

Webkit在自己的引擎中支持了这一效果。

-webkit-font-smoothing它有三个属性值:

none:对低像素的文本比较好

subpixel-antialiased:默认值

antialiased:抗锯齿很好

具体代码

.content{
   -webkit-font-smoothing: antialiased;
}
-moz-osx-font-smoothing: inherit | grayscale;这个属性也是更清晰的作用。

具体代码

.content {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
css和html实现样式布局横线

html实现,在HTML标签中可以使用删除线实现,可以使用标签实现

优惠价格:100元,原价:200元

186.00

css实现,使用text-decoration:line-through

优惠价格:80元,原价:220元

 .huaxian{text-decoration:line-through}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113008.html

相关文章

  • CSS学习笔记(十六) CSS最佳实践之可维护性篇

    摘要:国内各大公司都已经投入使用,在一些常见的网站,如淘宝腾讯小米等移动站点,随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及,这里推荐阅读同学写的专题文章。 前言 CSS代码难维护众所皆知。 为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现; 作用于某个元素上的样式又可能来自单个样式规...

    newtrek 评论0 收藏0
  • CSS学习笔记(十六) CSS最佳实践之可维护性篇

    摘要:国内各大公司都已经投入使用,在一些常见的网站,如淘宝腾讯小米等移动站点,随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及,这里推荐阅读同学写的专题文章。 前言 CSS代码难维护众所皆知。 为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现; 作用于某个元素上的样式又可能来自单个样式规...

    keke 评论0 收藏0
  • 前端面试之路一(HTML+CSS面试整理)

    摘要:或表示红色,表示绿色,表示蓝色,也可取其他数值来指定颜色。针对多字节文字,中文句子也是单词允许在单词内换行。 一、HTML基础 html常见元素和理解 html常见元素分类 head区元素:(不会在页面上留下直接内容) meta title style link script base body区: div/selection/article/aside/header/f...

    hqman 评论0 收藏0
  • 前端面试之路一(HTML+CSS面试整理)

    摘要:或表示红色,表示绿色,表示蓝色,也可取其他数值来指定颜色。针对多字节文字,中文句子也是单词允许在单词内换行。 一、HTML基础 html常见元素和理解 html常见元素分类 head区元素:(不会在页面上留下直接内容) meta title style link script base body区: div/selection/article/aside/header/f...

    YacaToy 评论0 收藏0
  • CSS、Sass、Scss,以及sassscss区别

    摘要:即元素脱离文档流的布局,在页面的任意位置显示绝对定位脱离文档流的布局,遗留下来的空间由后面的元素填充。相对定位不脱离文档流的布局,只改变自身的位置,在文档流原先的位置遗留空白区域。 1、描述 CSS 指层叠样式表 (Cascading Style Sheets) Sass (Syntactically Awesome StyleSheets),是由buby语言编写的一款css预处理...

    caozhijian 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<