CSS样式表

2018-08-07  本文已影响0人  知行_6b4d

作用

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'>
上一篇下一篇

猜你喜欢

热点阅读