会飞的鱼

2020
Godam
首页 » 读书笔记 » CSS Mastery:一、基础知识

CSS Mastery:一、基础知识

前言

    新鲜热乎的书,下午刚刚拿到,晚上看了一点,正好有点时间,直接来写。


正文

    1.1 组织代码

    不管写任何代码都应该注意到代码的可维护性问题,考虑未来是否可以更加优化,灵活。目前的浏览器很多都涉及一种“渐进增强”策略,在这种策略下,我们的代码可以具有兼容新旧版本浏览器的特性。

    对于不同浏览器厂商,我们可以添加不同的厂商前缀来进行区别。

-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
-moz-transform:rotate(-3deg); /*为Firefox*/
-ms-transform:rotate(-3deg); /*为IE*/
-o-transform:rotate(-3deg); /*为Opera*/
     而这本书中的大部分都是标准属性名称,浏览器是否支持的问题可以到这个网站查找:https://caniuse.com/


    1.2 创建结构化、语义化富 HTML

    语义就是以系统方式表示的含义。语义化标记简而言之就是在正确的地方使用正确的标签标记。可以形成一套规范的样式模板,这样就可以实现代码复用。

    尤其需要注意Id和类的使用,对于抽象化的类别使用类,而具体的区别时使用ID。

    HTML5中有许多新的元素,可以到这个网站学习:http://html5doctor.com/

    依旧是个外国网站。。进去要费不少力气,,

    在开发过程中注意使用微格式和微数据,方便浏览器爬虫爬取,可以访问:http://schema.org/ 这个网站直接就看不了了,,可能要科学上网?

    在完成制作之后可以到网站上验证代码。



文章如无特别注明均为原创! 作者: 果果, 转载或复制请以 超链接形式 并注明出处 GODAM|博客|godam
原文地址《 CSS Mastery:一、基础知识》发布于2020-3-16

分享到:
打赏

评论

游客

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

sitemap