CSS学习笔记（1）

时间：2023-02-24 11:33:07

CSS（1）层叠样式表

  • 定义如何显示 HTML 元素
  • 外部样式表通常存储在 CSS 文件中、
  • 样式通常存储在样式表中
  • 多个样式定义可层叠为一

  1. CSS 规则
    CSS学习笔记（1）

    • 选择器用以指代HTML的元素。

    • 属性和值表示元素的属性

    • 注释使用类似C语言的/**/

  2. id选择器和class选择器

    如果想让html中的特定元素更改样式，必须有标识符才能发挥作用，否则浏览器不能知道对谁应用样式。

#para1 /*特定id的html元素*/
{ text-align:center; color:red; }
.center {text-align:center;} /*描述一组class = center的元素的样式*/
p.center {text-align:center;} /*描述p（也就是html段落）中class = center的元素

3 . 如何引入样式

  • 外部样式表（放在.css文件中）
 <head>
        <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
  • 内部样式表（放在html中）
<head>
<style>
    hr {color:sienna;}
    p {margin-left:20px;}
    body {background-image:url("images/back40.gif");}
    </style>
</head>
  • 内联样式（在哪个元素处用就在哪里写）
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
标签：

相关文章