整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
更好地选拔优秀适岗人才，充实教师队伍，优化师资结构，南京市江北新区管理委员会教育和社会保障局所属公办学校面向社会公开招聘6名骨干教师。根据《江苏省事业单位公开招聘人员办法》（苏办发﹝2020﹞9号）精神，现就有关事项公告如下：
招聘岗位
本次招聘相关信息在南京市人力资源和社会保障局网（http://rsj.nanjing.gov.cn/）
南京市教育局网（http://edu.nanjing.gov.cn/）
南京江北新区网（http://njna.nanjing.gov.cn/index.html)
南京江北新区教育信息网（http://www.njnaedu.cn/）发布
具体的招聘单位、岗位、数量、资格条件等详见《南京江北新区2021年公开招聘骨干教师岗位信息表》（附件1，以下简称《岗位信息表》）
招聘条件
（一）应聘人员应具备以下条件：
1、具有中华人民共和国国籍，遵守中华人民共和国宪法和法律，拥护中国共产党领导和社会主义制度。
2、无违法违纪行为，具有良好的品行和职业道德，热爱教育事业，具备教师的基本素质和教育教学能力，具备正常履行岗位职责所需的身体条件。
3、具备本科及以上学历，取得相应的教师资格证书。一级教师年龄在40周岁以下（1981年12月31日以后出生）。高级教师及以上职称的年龄在45周岁以下（1976年12月31日以后出生），条件特别优秀者年龄可适当放宽。
4、报考岗位编号101、102岗位的须具有高级教师及以上职称，并具有省特级教师、设区市学科带头人或相当层次骨干教师称号。
5、报考岗位编号201、202、203、204岗位的，须具有一级教师及以上职称，并具有区（县）级及以上学科带头人称号，或区（县）级及以上优秀青年教师称号，或在设区市及以上教育（教研）主管部门组织的教学竞赛中获二等奖及以上奖项。
6、具备报考岗位要求的其他资格条件（详见《岗位信息表》)。
（二）有下列情形之一的，不得应聘：
1、现役军人、普通高校在读非2021届毕业生；
2、尚未解除纪律处分或者正在接受纪律审查的人员、刑事处罚期限未满或者涉嫌违法犯罪正在接受调查的人员；
3、应聘人员与事业单位工作人员有夫妻关系、直系血亲关系、三代以内旁系血亲关系、近姻亲及其他须回避的亲属关系的，不得应聘具有直接上下级领导关系的管理岗位，以及《事业单位人事管理回避规定》要求回避的岗位；
4、国家和省另有规定不得应聘到事业单位有关岗位的人员。
招聘程序
（一）报名
1、报名时间：自本公告发布之日起接受报名，报名截止时间为2021年12月31日17:00。
2、报名方式：网上报名，报名邮箱：jbxqjszp@163.com。请在邮件主题上注明应聘人员姓名及应聘学校和学科。
3、报名提交材料：
应聘人员报名时须向指定邮箱提交以下电子材料。
（1）网上下载填写《南京江北新区2021年公开招聘骨干教师报名表》（见附件2）。
（2）个人详细简历。
（3）本人有效居民身份证（正反面）、学历学位证书（前、后学历）、学历证书电子注册备案表（中国高等教育学生信息网下载）或高等教育学历认证报告（省级及以上教育主管部门出具）、各层次专业技术职务资格证书、教师资格证书等材料原件扫描件；留学回国人员还需提供由教育部留学服务中心提供的《国外学历学位认证书》原件扫描件。
（4）本人获得省特级教师、设区市学科带头人、区（县）级及以上学科带头人、区（县）级及以上优秀青年教师或相当层次骨干教师荣誉证书；在设区市及以上教育（教研）主管部门组织的教学竞赛中获二等奖及以上奖项的证书及有关证明文件等材料原件扫描件。
（5）能代表本人的教科研最高成果的原件扫描件（限5篇）。其中发表的论文材料包括杂志封面、有期刊号的页面、封底、本人发表的论文，原则上需提供该论文的期刊查询及论文检索情况，通过国家新闻出版总署网站进行期刊信息查询并打印查询页面，通过“万方数据资源系统”“清华同方”“中国知网”“维普中文科技期刊数据库”等主流数据库进行本人论文信息的检索并打印检索页面；获奖论文须为教育（教研）主管部门组织的区（县）级及以上二等奖论文。
本人讲座、公开课须为区（县）级及以上级别；课题须为区（县）级及以上，提交材料包括立项及结题证书，研究成果等。
（6）其他区（县）级及以上获奖证书等材料原件扫描件。
4、有关要求：
（1）只能选择一个单位的一个岗位报名。
（2）所学专业须符合所报学科要求。
（3）现任教学段、学科与应聘学段、学科一致。
（4）骨干教师学科类别及竞赛学科须和现任教学科一致。
（5）所有报名材料需准确命名，并压缩成一个文件包上传至指定邮箱。
（6）应聘者必须完整、如实填写报名表。对提交材料的真实性负责。
（二）调整或核减计划
本次招聘不设开考比例，不收取报名费和考试费。如出现部分岗位无人报名，根据学校紧缺专业情况，结合实际用人需求，经事业单位人事综合管理部门同意后，在本次招聘的总计划内调整并公布，或按照有关规定核减公开招聘计划。如有招聘计划调整，将另行公告并延长相应岗位报名时间。招聘计划调整和核减情况，将在南京市人力资源和社会保障局网、南京江北新区教育信息网发布。
（三）资格审查
江北新区教育和社会保障局对报名人员网上提交的材料进行初审，初审通过人员接电话通知后，须按规定时间将报名材料原件及复印件送至南京市江北新区教育招生考试中心复审（地址：江北新区大厂街道旭东路629号）。复审后退还原件，留存复印件。资格复审结果将以电话、短信或电子邮件等方式通知报名人员。资格复审通过人员参加招聘考试。
（四）考试方式和实施办法
编号101、102岗位的招聘考试采取教学实绩成果评分和面试相结合的方式。
编号201、202、203、204岗位的招聘考试采取笔试和面试相结合的方式。
1、教学实绩成果评分。报考编号101、102岗位的考生参加教学实绩成果评分。教学实绩成果评分由江北新区教育和社会保障局组织专家对资格审查合格人员教学实绩成果（含骨干教师称号、综合表彰、论文、学科竞赛等）进行评分。教学实绩成果总分为100分，合格线为60分，合格者进入面试环节。如合格人数超过招聘岗位数的3倍，按教学实绩成果评分成绩从高分到低分顺序，按岗位招聘数1：3比例，确定面试人选。教学实绩成果评分成绩和进入面试人员名单，考生可于教学实绩成果评分结束3个工作日后在南京江北新区教育信息网查询。
2、笔试。报考编号201、202、203、204岗位的考生须参加笔试。笔试主要考察公共知识和学科专业知识，成绩为百分制，合格线为60分。如笔试合格人数超过招聘岗位数的3倍，按笔试成绩从高分到低分顺序，按岗位招聘数1：3比例，确定面试人选。笔试成绩和进入面试人员名单，考生可于笔试结束3个工作日后在南京江北新区教育信息网查询。
教育教学成果评分时间和笔试时间另行通知，请考生保持通讯畅通，及时关注江北新区教育信息网和本人报名邮箱。
3、面试。面试主要考核应聘者的教育理念及课堂教学能力，面试总分为100分，合格线为80分，低于合格线者不予聘用，面试成绩当场告知应聘人员。面试形式为课堂教学和综合答辩（课堂教学占90%，综合答辩占10%）。
4、成绩计算。按教学实绩成果评分成绩或笔试成绩占30%，面试成绩占70%，计算总成绩。
（五）体检、考察
1、体检：面试结束后，在面试合格人员中，按总成绩从高分到低分的顺序，以岗位招聘数1:1的比例确定进入体检人员。如总成绩相同，按面试成绩从高到低的顺序确定参加体检人员，如面试成绩仍相同，招聘单位可对成绩相同的人员组织加试。体检标准参照《国家公务员录用体检通用标准（试行）》执行。
2、考察：体检合格人员，由招聘单位对其思想政治表现、道德品质，以及与应聘岗位相关的业务能力和工作实绩等进行考察。?
（六）公示、聘用
江北新区教育和社会保障局根据体检和考察结果，研究确定拟聘用人员名单。拟聘用人员名单在南京市人力资源和社会保障局网、南京江北新区教育信息网公示7个工作日。公示内容包括招聘单位、岗位名称、拟聘用人员姓名、学历、专业、现工作单位、招聘考试的各项成绩、总成绩、排名等。
对公示无异议人员，经事业单位人事综合管理部门备案后，由招聘单位为其办理有关聘用手续，并约定试用期。试用期满考核合格，予以定岗定级。试用期考核不合格者，取消聘用资格，解除聘用合同。拟聘用人员应在招聘单位规定时间内办理报到和有关手续，因个人原因逾期未办理相关手续的，取消其聘用资格。
因体检或考察不符合要求、拟聘人选公示结果影响聘用、拟聘人选明确放弃聘用以及其他原因导致拟聘岗位空缺的，如需递补，可由招聘单位主管部门报事业单位人事综合管理部门审核通过后，在该岗位的面试合格人员中，按总成绩从高分到低分依次递补，聘用备案后不再递补。
（七）防疫要求
应聘人员参加资格审查、考试、体检、考察等工作，需按照招聘单位通知，执行我市最新疫情防控有关要求。
（八）相关待遇
聘用人员享受国家规定的工资、福利、待遇，具有高级教师及以上职称，并具有省特级教师、设区市学科带头人或相当层次骨干教师称号的，还可一次性享受30—70万元的科研和安置费用，或享受《南京市江北新区直管区人才安居办法（试行）》的相关政策。非南京市评选的骨干教师（江苏省特级教师除外）入职后需按相关要求转评，转评后享受江北新区骨干教师专项奖励政策。不承诺解决聘用人员配偶工作等问题。
招聘纪律
应聘人员在报名、考试、体检、考察过程中或聘用后查实存在违纪违规行为的，按照《事业单位公开招聘违纪违规行为处理规定》（中华人民共和国人力资源和社会保障部第35号令），视具体情形和情节轻重，分别给予取消报考资格、取消考试成绩、不予聘用、记入诚信档案库等处理，构成犯罪的依法追究刑事责任。
招聘单位和招聘工作人员有违纪违规行为的，按照《事业单位公开招聘违纪违规行为处理规定》（中华人民共和国人力资源和社会保障部第35号令）进行处理。招聘单位负责人员和公开招聘工作人员与应聘人员有夫妻关系、直系血亲关系、三代以内旁系血亲关系、近姻亲及其他须回避的亲属关系的，或者有其他情形可能影响公开招聘公正性的，应当实行回避。
五、本公告由南京市江北新区管理委员会教育和社会保障局负责解释。
六、招聘咨询与监督
招聘咨询：南京市江北新区管理委员会教育和社会保障局：025-58155705、025-68553451
招聘监督：中共南京市委江北新区工作委员会党群工作部：025-88029228
让你的网页排名好的话，那么对搜索引擎优化必须了解一点基本常识的。但现大多数人都不甚了解。这也不难理解，毕竟大多数网站成功前，都有一堆需要解决的SEO优化问题。但重点是，到底哪些SEO优化问题是你真正需要好好关注的呢？
1. 重复的内容
根据SEMrush研究表明，50%参与调查的网站，都面临着内容重复的问题。
Google对重复内容的定义是: 重复内容一般是指在不同域名间存在大量的相同或相似的内容。
2. ALT标签缺失以及图片失效
根据SEMrush 研究表明：45%参与调查的网站，存在站内图片缺失ALT标签现象;以及另外10%的网站内的图片失效。
图片是内容营销很重要的一部分，但是他们也带来了主要的SEO问题。根据我们研究表明，45%的网站存在图片缺失ALT标签，另外10%存在站内图片失效现象。这些都是有问题的。
让我们先来说下ALT标签，它对图片搜索来说是很重要的。尽管现在搜索引擎以及变得非常聪明了，但是ALT标签可以帮助搜索引擎更好地了解图片内容。
换句话说，ALT标签可以为图片提供文字性描述，这样可以有助于搜索引擎对他们进行归类。这也是为什么你图像的 ALT 标签应包含您 SEO 关键字短语的原因之一.
ALT标签对于那些有视觉损伤的人，在使用屏幕阅读器的时候也是很有用的，因为阅读器会调用ALT标签里包含的信息，来描述图片内容给用户。而搜索引擎是非常重视用户体验的，图片没有ALT标签的话，会是搜索引擎认为网站没有给用户提供价值一个信号。而且还会带来比较高的网站跳出率，最后的结果就是在搜索引擎的表现很差。
图片失效能够引起像链接失效一样的问题，因为失效的链接对于用户和搜索引擎来说，就像是走进了死胡同，这会造成非常差的用户体验，从而会引起搜索引擎对你的网站进行降级处理。
3. Title标签问题
SEMrush研究发现，与 Title标签有关的问题，不仅仅是非常普遍，而且还多种多样。
搜索引擎根据页面的Title标签来判断你的网页到底是什么内容。Title标签出现在搜索列表最上面，意味着它也可以帮助用户判断是否点击你的链接。Title标签也是页面最重要的SEO优化要素之一，正确的优化Title标签可以为你的排名带来积极的影响。
根据SEMrush研究，我们看到了以下4个与Title标签有关的问题：
● 35%的网站存在 Title 标签重复问题。
● 15%的网站有 Title 标签过长的现象。
● 8%的网站缺失Title 标签。
● 4%的网站 Title 标签太短。
正如以前我们所说， Google总是想要向用户提供独特的内容 。但是Title标签的缺失或者重复，既不能给用户或者搜索引擎提供页面信息，也不能给页面传递价值。
Title标签的长度重要性在于，它可以影响你的Title在搜索结果中的可见数量。
根据最新消息，基于不同的使用设备，Google可能会展示70-71个字符。因此，控制关键信息(包含您选择的关键词短语)在此范围内，不失为一个好主意。
4. 元描述标签
根据SEMrush研究发现，30%的网站存在页面 元描述标签内容重复，还有25%网站页面根本就没有Meta descriptions。
元描述标签展现在搜索结果中，可以帮助用户判断是否访问你的网站。尽管元描述标签不直接影响页面排名，但是它对页面的CTR点击率还是有关的，所以说也是非常重要的。我们研究发现，30%的网站存在页面元描述标签内容重复，还有25%网站页面根本就没有元描述标签。
SEO网站监测工具，虽然可以帮助你鉴别这些问题，但如有必要的话，最好还是自己去网站后台手动修复一下这个问题。如果你使用的是wordoress的话，合适SEO插件可以帮助你设定规则，确保所有你的网页内容都有元描述标签。
5. 失效的内链和外链
据SEMrush研究发现，35%的网站存在内链失效(70%这些内链都返回一个4XX的错误代码)，25%的网站存在外链失效现象。
链接失效是站内SEO优化的一个大问题。随着你网站内容和资源的更新，一两个无效链接可能不算什么问题。如果你的网站404页面设置得当的话，他们就不是问题，但问题是，如果你的网站内有上百个无效链接呢?
这让失效链接成为一个潜在的威胁。这种问题有可能是多种原因造成的，但是，首先当一个用户先看到的是一个404错误页面，而不是他们需要的有效信息页面的话，这会引起流量下降。并且，用户会认为你的网站是低质量的。
其次，失效链接造成页面抓取的浪费。
每一次搜索引擎蜘蛛访问你网站时，它们会抓取一定量的页面，但不是整站页面。如果你有很多无效链接的话，你就冒着分散蜘蛛对你网站页面注意力的风险，最后，有可能造成你的页面不会被搜索引擎索引和收录。
我们研究发现，35%我们抓取的网站有内链失效然后返回网站HTTP错误代码(70%这些内链都返回一个4XX-page not found 或者类似代码)还有20%的网站有外链失效情况。长期运行下去，这个问题会造成，网站出现在搜索结果里的页面数量减少，并且也会影响页面权重，因此，这个问题也是你需要好好修复的。
6. 可读文本在HTML代码占比低
据SEMrush研究发现，28%的网站在一定页面上存在内容文本占比HTML代码，比例低的问题。
我们看到了28%的网站存在“可读文本在HTML代码占比低”的警告。这意味着这些网站有“页面后端的html代码多于页面可读文本”的情况。我们建议最低占比应该不低于20%。通常情况下，这种警告，是SEO优化你需要解决的问题。例如，以下的几种情形就属于这种问题：
● 代码差的网站(无效的代码，以及过多的Javascript, Flash和内嵌样式)
● 隐蔽的文本(垃圾邮件经常干的事，它会让搜索引擎会给你亮红灯)
● 网站速度慢 –页面代码和脚本包含的越多，加载的就越慢，而页面的加载速度也是一项重要的SEO优化因素
解决此问题，通过检查出现此警告的任何页面以及：
● 删除不必要的代码，减少页面大小，增加速度。
● 将内嵌脚本和样式分成不同的文件。
● 在有必要的地方，添加相关页面的文本内容。
7. H1标签问题
据SEMrush研究发现，20%的网站在一些页面上存在多个H1标签的情况，15%的网站在页面Title和H1标签上有重复内容出现。
根据以往情况来看，H标签已经成为SEO优化的重要部分，它表明着页面最重要的内容信息。不管在任何一个页面上，都应该有且只有1个H1标签。尽管HTML5的应用改变了H标签的用法(现在页面可以有不止1个H1标签)，但是H标签仍旧对搜索引擎和用户创建有用的层次结构。
我们的研究表明，20%的网站有多个H1标签，20%网站缺失H1标签，还有15%网站的Title和H1标签存在重复信息。
因此，知道Title标签和H标签的区别是很重要的。Title标签包含的内容出现在搜索结果中，H标签就是用户在网页可以看到的内容。
正如我们上面所提到的，你可以有多个 H1 标签在网页上，但这种情况，只有当你正确使用 HTML5 来标记区分同等重要的部分的时候才行。
8. 字数统计少
据SEMrush研究发现，18%的网站存在一些页面字数内容少。
18%我们抓取的网站，都存在着一些页面字数内容少的情况。页面字数是一个复杂的SEO度量标准，因为，一方面单个页面内容没有最少字数要求。另一方面，大家都知道Google更倾向于把内容更有深度，篇幅更长的页面排在前面。
在要点6中，我们提到过添加页面相关文本内容的重要性。你应该尽自己最大努力让你的内容更有深度，让它对用户更有价值。想想看：当你看到一个信息图的时候，难道你不感激它的创作者花额外时间只为提供更多的内容吗?我们感激，你的用户肯定也一样。
9. 站内链接太多
据SEMrush研究发现，15%的网站存在一些页面站内链接太多的情况
链接建设正确操作比较难。这就是为什么会出现15%参与调查的网站，会出现一些页面站内链接太多。早前Google就表示过，不再要求网需页保持一定数量的链接，好的SEO策略应该是包含 内容相关 的和 高质量 的自然链接。
链接如果太多的话，会导致页面权重被稀释，流量也会损失很多。但是如果这些链接都是内容相关和有用的话，那么你的站点仍旧会排名很好。
为了解决站内链接问题，执行一次链接审核并确保所有页面的链接都能真正增加价值。否则的话，避免这些不能助你提升SEO优化以和更好用户体验的链接，这样做对你的SEO优化也是很好的。
10. 错误的网页语言声明
据SEMrush调查发现，12%的网站存在一定数量的网页缺失语言声明的现象。
在互联网上，我们的用户是全球的。这也是为什么在页面文本默认语言中包含语种声明是很重要的。据我们调查发现，12%的网站在这件事上都做错了。对于以下情况，网页语言的声明是一个重要的工具：
● 告知浏览器网页内容是什么语言(有助于翻译和页面展示)。
● 确保那些使用“文本转换语言”的使用者(盲人)，能够听到你的内容用当地的语言进行正确展示。
● 有助于 International SEO 进行地理定位。
使用W3C国际语言代码列表确认一下你的网页语种声明是否正确。Goolge会根据你网页内的语言声明来确保合适的人看到适合的内容。虽然这不能直接影响你的搜索结果，但是请记住，它会助你提升网页的相关度评分-而这也是SEO优化重要的一部分。
11. 临时重定向
据SEMrush调查发现，10%的网站有临时重定向问题存在。
当一个网页移除了，重定向就是一个很好的通知搜索引擎的方式，这样你也不会损失页面权重值。然而，对SEO来说，301重定向(永久性)和302重定向(暂时性)是有很大不同的。根据我们研究表明，10%的网站包含临时重定向问题。
302重定向可以让搜索引擎继续抓取旧页面，而忽略你想要重定向过去的新页面。这也就是为什么如果你的改变是永久性的话，最好去做一个301永久重定向。据Moz来说，这也是一个最佳策略。
当然，最后Google可能会意识到这个302重定向是永久性的，然后就把它变成301转向了。但是为了避免无效SEO优化和损失流量，最好是由你来掌控这个过程。
总的来说
这11个常见的问题对我们网站SEO的有害的。我们研究表明，很多网站都存在着严重的站内SEO优化问题。是的，并不是每一个问题都对你的排名影响是等同的。差的SEO并不总是直接违反搜索引擎规则，它有时候仅表现为没有好好照顾你的网站和用户。
是的，临时重定向可能不会像其它几个站内问题来影响你的排名;是的，也没有说内容重复或者Title标签有问题会受到惩罚。但是，你一定要认识到这些问题所在，因为他们会影响你网站的流量和在用户心中的可靠性，最终结果导致利润丢失。如果你不认真对待这些问题的话，它们非常有可能越积越多，最终变成一个大雪球样的问题，摧毁你网站在搜索结果中的排名。
大家现在充分意识到你网站存在的问题了吗？凡事预则立不预则废!希望大家能从今天的数据分析中，掌握这些站内SEO优化要点，早日都排在搜索结果首页！
天来看看2021年，CSS在不同方面的使用趋势~
测试依据：
本文所有指标均来自 HTTP Archive 数据集。HTTP Archive 是一个社区运行的项目，自 2010 年以来一直在跟踪网络的构建方式。在幕后使用 WebPageTest 和 Lighthouse，每月测试大约 820 万个网站的元数据，并将其包含在公共 BigQuery 数据库中进行分析。 ?
测试网站：820万个；
数据处理：39.5TB。
下面是每个样式表文件的大小分布：
CSS文件每年的大小都在不断增长，中等页面的CSS文件大约70KB，较大页面的CSS文件大约250KB。与2020年相比，CSS文件大小的中位数增加了7.9%，同时，移动端CSS所有的百分比都略低于Web端CSS。 ?
在所有测试到的CSS文件中，最大的Web页面CSS文件大小为 64,628 KB，最大的移动页面CSS文件大小为17,823 KB。
页面的CSS大小并为受到预处理器的显著影响。17%的Web页面和16.5%的移动页面包含预处理器，略高于去年的15%。具体使用的样式如下：
下面是每个页面使用的外部样式表的数量分布：
今年每个页面的样式表分布相对于去年有所增加，第50-90百分位的都增加了一个，第10-15百分位的都没有变化。 ?
今年，外部样式表数量最多的记录是2368，比2020年的1379，增加了大约一倍。
下面是每个页面的样式规则数量分布：
与去年相比，较高百分位的数量几乎没有变化，较低百分位的数量略有上升。在多数百分位的数量分布中，Web页面相对于移动页面的样式规则更多一点。
最常用的class名称如下：
最常用的id名称如下：
最常用的属性选择器如下：
最常用的属性选择器是type，它可以用于选择表单控件，如复选框、单选按钮、文本输入等。
最常用的伪类如下：
和 2020 年一样，用户操作伪类:hover、:focus和:active占据了前三名，它们都出现在至少三分之二的页面中。
最常用的伪元素如下：
每个页面使用!important的比例如下：
调查发现，移动页面中最多有17,990 条!important规则，Web页面中最多有17,648 条!important规则。
使用!important规则的样式属性分布如下：
最受欢迎的长度单位：
像素单位仍然是迄今为止最常用的长度单位，出现在了大约71%的页面中。 ?
下面是每个属性的长度类型分布：
?
下面是最常用的字体相对长度单位分布：
0长度的使用单位分布如下：
接近88%的值都直接省略了单位，剩下的有单位的几乎都是px。
下面是使用calc()函数的最常用的属性：
去过去几年一样，最常用的用法calc()是用来设置width的。 ?
下面是calc()函数中最常用的长度单位：
?
calc()函数中单位数量的分布如下：
calc()值是相对简单的，绝大多数使用两种不同单位进行计算，例如从百分比值的计算结果中减去像素。总共 99% 的calc()表达式使用了一种或两种单位类型。
下面是最常用的全局关键字以及其分布：
最常用的颜色格式如下：
很长一段时间内，#RRGGBB格式一直是使用最多的颜色格式，超过了一半的颜色声明会使用这种格式。颜色值的 75% 都是使用十六进制和 RGB 语法表示的。 ?
最常用的颜色关键字值：
下面是CSS中图像格式比例分布：
下面是CSS样式文件在中加载的图像数量分布：
大多数的CSS不会加载大量的图片。在调查中，站点图片最多的CSS，其Web页面CSS中加载了6088张图片，移动页面CSS中加载了6089张图片。
下面是通过CSS加载的外部图片的大小分布：
总体来说，移动页面会比Web页面CSS加载的外部图片略小。在调查中，有一个页面CSS加载的图片总大小达到314,386.1 KB。 ?
下面是按照图片格式在移动页面上通过CSS加载的外部图像大小分布：
有趣的是，在第 90 个百分位数时，GIF 图像平均比 SVG 文件还要小。
下面是常见的使用渐变的属性：
下面是最常用的渐变值：
下面是最长使用的布局类型：
需要注意，这里并不是页面主要布局的方式，而是说position: absolute出现在我们分析的页面的 93% 的样式中。同样，display: grid 出现在 36% 的页面样式中，但这并不意味着所有页面的 37% 是 Grid 布局，只是该组合出现在样式表的某些地方。
下面是在移动设备上采用Flexbox和Grid布局的比例分布：
使用Flexbox和Grid布局一直在持续增长。2019 年，Flexbox 布局的采用率为 41%；2020 年为 63%。今年，Flexbox 在移动端和桌面端分别达到 71% 和 73%。同时，Grid 布局的采用率每年都在会翻倍，从 2% 到 4%，现在是 8%。
使用多列布局的页面的百分比：20%。
每个页面中使用box-sizing: border-box的数量分布：
动画仍然是被广泛使用的，animation属性在 77% 的移动页面和 73% 的桌面页面上使用。transition属性在 85% 的移动页面和 90% 的桌面页面上使用。 ?
最常使用过渡的属性：
过渡持续时间的分布：
即使在第 90 个百分位，过渡持续时间的中位数也仅为半秒。 ?
延迟过渡的分布：
可以看到，最高的过渡延迟中位数是 1.7 秒，第 10 个百分位数的中位数延迟大约不到负三分之一秒，这表明大量过渡是在生成的动画中途开始的。 ?
过渡计时功能的分布：
最常用的动画类型：
最常用的用作媒体查询的功能如下：
max-width和min-width是迄今为止最受欢迎的查询功能。
最常用的媒体查询断点值：
迄今为止最常见的断点是 767 和 768 px，这与 iPad 在纵向模式下的分辨率非常吻合。767px 被大量用作最大宽度断点，而很少用作最小宽度值。786px经常被用作最小和最大断点。
通过媒体查询最常更改的属性：
最常设置的属性是display，紧随其后的是color, width, 和height。
特征查询 ( @supports) 的使用继续保持增长。2019 年，有 30% 的页面在使用，2020年为 39%。2021 年，将近 48% 的页面使用特征查询来决定在什么上下文中应用哪种 CSS。 ?
最常使用的特征查询的依据分布如下：
粘性定位是最受欢迎的查询依据，占所有特征查询的一半以上。
2019-2021 年自定义属性使用的变化如下：
今年，28.6% 的移动页面和 28.3% 的桌面页面定义了自定义属性（也就是CSS变量）。并且，35.2% 的移动页面和 35.6% 的桌面页面包含至少一个var()值。
对于自定义属性的命名，最常使用的自定义属性名称如下：
使用最多的自定义属性是--wp开头的，这些都是WordPress网站中的属性。
最常用自定义属性的属性如下：
自定义属性值类型的分布如下：
自定义属性是可以包含其他自定义属性的：
:root {
--base-hue: 335; /* depth=0 */
--base-color: hsl(var(--base-hue) 90% 50%); /* depth=1 */
--background: linear-gradient(var(--base-color), black); /* depth=2 */
}
复制代码自定义属性深度的分布如下：
绝大多数自定义属性的值深度为零：它们没有在自己的值中包含其他自定义属性的值。近三分之一有一个深度级别，除此之外，几乎没有深度为两个或更多的自定义属性值。 ?
除此之外，使用自定义属性值的选择器， 60% 设置在根元素上（使用:root或html选择器），大约 5% 设置在<body>元素上。其余的应用于根元素的某些后代而不是<body>. 这意味着大约三分之二的自定义属性被用作实际上是全局常量。
对于不同语言，其可能存在不用的书写形式，比如：
对于这些复杂的情况，HTML 和 CSS 都提供了对应的处理方法。
可以使用 CSS 的direction属性来强制执行文本的方向。该属性在 11% 的元素上被使用，在 3% 的页面上的元素上被使用。在使用 CSS 设置方向的页面中，92% 的<html>元素和 82% 的<body>元素被设置为ltr（从左到右），只有 9%页面中将该属性设置为rtl（从右到左）。
另一个对国际化有用的 CSS 特性就是“逻辑”属性。比如margin-block-start、padding-inline-end等，以及text-align属性的属性值start和end等。这些属性和值都和文本流的方向相关。 ?
下面是逻辑属性的属性类型分布：
统计发现，只有 4% 的页面使用了逻辑属性。在这些页面中，大约 33% 的页面使用它来设置text-align为start或end。另外 46% 设置了逻辑边距和填充。
下面是使用的CSS-in-JS 库的分布情况：
统计发现，大约 3% 的页面使用了 CSS-in-JS。其中Styled Component就占了一半多。
有些样式表中混合了简写属性background和普通属性background-size，在相应的简写属性之后出现的普通属性最常见的如下：
可以看到，background相关的普通属性是使用最多的，下面是最常用的background属性：
下面是最常用的padding和margin属性：
下面是最常用的字体属性：
下面是最常用的 Flexbox 相关属性：
下面是最常用的 Grid 相关属性：
下面来看CSS中常见的一些错误。
“声明重复”的数量——通过确定有多少声明使用相同的属性和值，以及有多少声明在页面的内部是唯一的，从而粗略估计样式表的效率。 ?
下面是每个页面重复声明的分布：
最常见的不存在的属性如下：
Sass是最流行的CSS预处理器之一，最常用的 Sass 函数调用如下：
可以发现， Sass 函数中有 28% 是修改颜色的函数（例如darken、mix），另外 6% 用于读取颜色（例如alpha、blue）。
下面是 Sass 中最常用的流控制结构：
下面是 Sass 中最常用的规则嵌套：
Sass 的一个主要优点就是能够将规则嵌套在其他规则中，从而避免编写重复的选择器模式。统计发现，87% 的 Sass 样式表使用了规则嵌套。 ?
这就是2021年CSS的使用趋势，期待 CSS 在未来的发展~
*请认真填写需求信息，我们会在24小时内与您取得联系。
