标签尺寸的处理

  1. link标签的rel、rev属性主要是用来说明当前连接进来的对象的作用是什么
  2. alternate

    文档的替代版本(比如打印页、翻译或镜像)。
    stylesheet 文档的外部样式表。
    start 集合中的第一个文档。
    next 集合中的下一个文档。

    prev

    集合中的上一个文档。
    contents 文档的目录。
    index 文档的索引。
    glossary 在文档中使用的词汇的术语表(解释)。
    copyright 包含版权信息的文档。
    chapter 文档的章。
    section 文档的节。
    subsection 文档的小节。
    appendix 文档的附录。
    help 帮助文档。
    bookmark 相关文档。
  3.  采用控制性、维护性、代码量三个维度来描述CSS的行内书写、内部书写、外部书写三种引入方式的性能。
  4. 我们可以通过<link/>、@import的方式来引入CSS的样式文件,目前实际开发中已经抛弃了@import的引入方式。@import的引入是通过在<style/>标签中写入@import URL(“css样式文件”),@import是在css2.1中提出的所以在低版本中不支持同时他也不要支持JS控制DOM来改变样式,而作为XHTML标签的<link/>都是支持的。在加载方面<link/>在页面加载的同时就可以加载但是@import只有在页面加载完成之后才可进行加载。
  5. 网页的文档是自上而下加载和解析的所以<style/>、<link/>标签放置的顺序混乱靠后,会造成维护困难,页面回流(页面的布局发生改变影响的是元素布局),页面重绘(主要是页面的样式发生变化,不影响元素布局)
  6. CSS中不同的引入方式,以及不同类型的控制器都遵从着控制范围越广那么作用的优先级也就越低,在和其他的CSS样式发生冲突的时候就容易被覆盖到。同一类型的CSS样式则后来“写”的生效,这就好比是变量赋值。使用的过程中使用的一般是类名选择器,ID选择器的使用一般是与JS相结合进行精确控制的。
  7. 样式的书写顺序尽量遵守:显示样式(控制元素的展示方式)、自身样式(width之类)、文本样式、CSS3新样式的先后顺序。
  8. JS中涉及到id的命名是采用的是驼峰命名的方式,为了将类选择器与id选择器做一个区分所以他们通常的使用过程中对类选择器的命名通常来说是不建议采用驼峰命名的。至于说是采用“-”还是采用“_”,没有强烈的建议,但是含以上来说“-”(list-meng)的效果更好,但是在点击类名是智能选中一个单词而不会选中整个类名,而“_”确实可以选中整个类名
  9. 不同的浏览器上对相同的样式的默认值是不精通的这也是清除样式的一个重要因素。通常我们可以添加样式重置文件来实现我们的样式重置。(这里的仅供参考网上很多博客都有)

标签尺寸的处理

 border的设置中我们必须设置边框样式这一属性,border的其他属性值才能起作用。