美文网首页
CSS样式表

CSS样式表

作者: 知行_6b4d | 来源:发表于2018-08-07 13:49 被阅读0次

    作用

    css的出现简化了html页面修改样式的方法,方便,简单了html中标签内容样式的修改而且美观, 方便维护了修改

    定义方法

    选择器{属性:属性值 ;}

    css选择器

    1. 标签选择器样式
      定义了某种标签显示的样式,对使用这种标签的地方都有效
      <style>
      标签{属性:属性值;}
      </style>
      引用
      <div></div> 如果css中定义了div标签的的样式, 则使用了这种样式

    2. 类别选择器样式
      类别选择器使用需在标签内使用 class 引用,用使用同一种class的标签有效
      定义方法:在类名前面加点
      <style>
      .类名{属性:属性值;}
      </style>
      引用
      <div class="标签名">

    3. id选择器样式
      id选择器定义的css 只对使用了这个id的标签有效
      定义:在id名称前面加#
      <style>

    id{属性:属性值;}

    </style>
    引用
    <div id="id"></div>
    由于id相同的标签在html中只有一个, 所有id选择器样式只能只用一次

    css引入方式

    1. 行内样式
      在html标签内写样式, 对这一行有效,如<div style="属性:属性值;">
    2. 内嵌式
      在页面中使用<stype></style>将css包含在页面中
    3. 链接式
      将css单独定义在一个css文件中
      引用的时候使用<link>标记引用,如<link rel='stylesheet' herf='path' type='text/css'>

    相关文章

      网友评论

          本文标题:CSS样式表

          本文链接:https://www.haomeiwen.com/subject/xtvovftx.html