美文网首页
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初级

    css样式表 css选择器(简单,复杂) css属性 css布局 CSS样式表(内联方式,内部样式表,外部样式表)...

  • css

    1、CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表(级联样式表),...

  • HTML+CSSday02

    CSS层叠样式表 CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级...

  • css基础01- 初识css

    css初识 CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表),...

  • 前端基础-CSS

    CSS层叠样式表 CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级...

  • H5:入门笔记二

    CSS(Cascading Style Sheets)美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表...

  • CSS-常用属性

    1. CSS样式表 CSS(Cascading Style Sheets),通常称为CSS样式表或层叠样式表(级联...

  • CSS基础笔记一

    一、什么是CSS? CSS 指层叠样式表 (CascadingStyleSheets) CSS通常称为CSS样式表...

  • CSS简介,语法,选择器分类使用,属性设置

    1.CSS简介 CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表...

  • 关于CSS样式部分介绍

    CSS是什么? css(层叠样式表),层叠样式表...

网友评论

      本文标题:CSS样式表

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