CSS语法

1
2
3
4
{
    属性:属性值 属性值;
    属性:属性值 属性值
}

注意

  • 属性和属性值用:连接
  • 如果有多个属性值用空格隔开
  • 如果有多个属性,属性和属性之间用;隔开 最后一个;不写

html和css常见的结合方式

通过标签的style属性来结合【了解】

1
2
<!--通过style属性-->
<p style="属性名称:属性值;..."></p>

通过style标签来结合【掌握】

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<head>
    <style type="text/css">
        标签名称{
            属性名称: 属性对应的值;

        }
    </style>
</head>

注意点:
    1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系)
    2.style标签中的type属性其实可以不用写, 默认就是type="text/css"
    3.设置样式时必须按照固定的格式来设置. key: value; 其中:不能省略, 分号大多数情况下也不能省略
  1. 创建一个css文件(后缀是css)
  2. 通过link标签引入
1
2
3
4
5
6
<head>
    <link rel="stylesheet" href="../../css/myCss.css" />
</head>

link标签属性:
    - href:css文件路径

三种结合方式优先级

​ 就近原则(相对于代码,也就是要修饰的标签)