HTML 内部样式表之标签选择器/类选择器/ID选择器

标签选择器:

<style>

  h1{

    width: 960px;

    height: 30px;

    backgroung-color: cyan;

  }

<style/>

 

类选择器:

<style> 

h1{

    width: 960px;

    height: 30px;

    margin: 0 auto;

  }

  .a {background-color: yellow;}

  .b {background-color: blue;}

  .c {background-color: red;}

<style/>

 

ID选择器:

#header{

}

 

写在header内部的叫做内部样式表,单独放在文件中的叫做外部样式表
选择器又分为类选择器、标签选择器、通配符选择器
类选择器比较灵活
通配符选择器是全局设定
外部样式表优点:多个页面共享一个样式,代码复用,减少带宽占用,网站保持统一风格
内部样式表:一般用于首页,加载更快,保证首页正常渲染

posted @ 2021-09-06 09:35  安静ovo  阅读(773)  评论(0编辑  收藏  举报