宝幺儿

导航

CSS样式表

HTML引用CSS的样式表现在常用的有三种:
1,使用内部样式表;
2,外部样式表;
3,行内样式表。
<link rel = "style sheet" href = "main.css"
资源的类型是样式表,资源的位置是当前目录下的main.css文件,引用css文件的路径放置在<head>标签里。

使用外部样式表:
CSS代码在一个独立的文件中,HTML通过link元素引入到页面使用外部样式表的特点:

  • 实现了内容结构和表现形式代码分离方便复用和维护。(多个网页引用一个CSS文件)
  • 使HTML代码更纯净,有利于程序员和搜索引擎的阅读。(搜索引擎只能抓取HTML代码)
  • 是开发页面的常见做法

使用内部样式表:
将CSS代码写到HTML文档的style元素内容中,推荐在测试代码中使用。

<style type = "text/css">

       h1{color:red; text-align:center;}

</style>
特点:

  • 没有了样式表文件,在某些时候可以提升效率
  • 多个页面难以共享样式,不利于代码复用
  • HTML和CSS代码混杂,不利于程序员和搜索引擎阅读
  • 在某些对效率要求苛刻或测试的场景下使用

       使用行内样式表:CSS代码写在元素的style属性中,行内样式不写选择器

 

 

    

     

posted on 2019-03-10 23:32  宝幺儿  阅读(161)  评论(0编辑  收藏  举报