自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 图片优化

1.图片上的文字最好用文本实现2.css实现阴影、圆角或其他效果是有处理和渲染成本的,手机上尤为明显3.尽量使用Unicode编码和图标字体4.使用SVG和DATA URLS5.scrset选择图片,size、@media和CSS设置图片大小srcset 与 sizes 配合使用的语法这里是一个示例:<img src=“images/great_pic_800.jpg"s...

2019-03-09 14:11:30 182

原创 无障碍

屏幕阅读器的两种方式:1.读角色名;2.轻松识别的声音一般,如果配置正确,屏幕阅读器一般会有Role,Name(lable),State,Value控件的文字绑定:放入标签或标签加入for=“目标id”绑定目标交互控件img的alt属性是图片的替代文本将图片不需要的代替文本设置为空,将会从无障碍树移除,从而跳过在合适的情况下,应该使用标题表示内容部分语义标记用于指定标题h1标题结构可...

2019-02-28 21:48:49 683

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除