目 录CONTENT

文章目录

CSS-精通CSS第一章-基础知识

恪晨
2020-01-22 / 0 评论 / 0 点赞 / 1,016 阅读 / 1 字 / 正在检测是否收录...
温馨提示:
慢慢看,慢慢读,不行就边听歌边读

标签意义的重要性

  • 为页面引用加上正确的标记,可以更方便的搜索代码;
  • 不同程序或者设备可以理解有意义的标签,提高了用户体验;
  • 标签的语义化可以使Web开发者更快速的开发;

ID和Class的选择使用

  在html5中新元素出来以后,网页文档更加具有语义化,即使因为某些原因导致网页CSS文档加载失败,页面所呈现的结果也便于程序和开发者进行阅读,但是这依然不能满足所有的需求,所以就需要添加Class或者ID选择器进行控制,这会在文档中添加额外的结构,并赋予样式有用的“钩子”,这样文档在进行解析时会根据添加的Class或者ID进行索引查找;

  • ID选择器,可以唯一的标识一个元素,在网页中存再唯一性,只能应用于一个元素;
  • Class选择器:在一个页面中可以应用于多个元素,适合有相同内容的类型元素。比如我们为几个段落设置相同的样式,则为每个段落的元素设置相同的类,在操作时只需要书写着一个类的样式,就会应用到所有段落,但是ID的话就会重复性太多,导致代码冗余;

当元素使用一次,且仅使用一次,可以使用ID选择器;ID选择器不能结合使用,不允许两个ID选择器之间用空格划分;

元素应该如何命名

  在为元素Class或者ID进行命名的时候,要保证名称与表现方式无关;比如避免使用像left、right这类的命名,因为如果后期重构的话,元素位置可能发生变化,使用这种命名会导致情况更加复杂;因此在对Class或者ID命名的时候,一定是根据作用命名的,让代码更有意义。

div与span的使用

  Div实际上代表的是部分division的意思,它将文档分割成有一样的区域,通过为div中包含的不同区域分配有意义的类,以达到构建有意义的文档结构;同时要避免过多的使用Div,因为如果使用多div会导致文档结构复杂,不利于阅读,div是主要对块级元素进行分级的;span主要是对行及元素进行分级;

文档类型定义

  DTD,文档类型定义时一组可读的规则,定义了XML或者HTML的特定版本中的规则,在解析网页的时候,浏览器将使用这些规则检查页面有效性并采取相应措施,浏览器会通过分析页面的Doctype声明来了解要使用哪个DTD对网页进行解析。
  Doctype不是HTML中的标签,它是web浏览器关于页面使用哪个HTML版本进行编写的指令,在HTML4中doctype声明需要引用DTD,因为HTML4是基于SGML(标准通用标记语言)使用时通常添加dtd的url,但是浏览器不会读取这些文件,知识识别常见的doctype声明,HTML5就不再使用这种DTD引用了。DOCTYPE现在有两种风格:严格模式和兼容模式。严格模式下排版和js运作模式都是以浏览器支持的最高标准运行,兼容模式下会向下兼容,防止在老版本浏览器不能正常工作;

0
博主关闭了当前页面的评论