CSS学习笔记

一、CSS 格式


CSS 格式由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值以冒号分开。

p
/*选择器*/
{
color:red;
/*声明,属性:值*/
text-align:center;
}

CSS选择器类型

css属性总结

二、CSS三种引入方式

1.行间式

<p style="color:red;"</p> 在标签头部的style属性内,写在html文件内部

2.内联式

<style>在style标签内,style标签一般作为head的子标签,写在html文件内部
    p {
        color:red
    }
</style>

3.外联式

p {
    width: 100px;
    height: 100px;
    background-color: red;
}
<head>
    <link rel="stylesheet" type="text/css" href="hello.css" />在外部css文件中 
</head>

三、三种引入方式优先级

三种方式无优先级
注:三种方式间没有优先级

  1. 三种方式协同布局
  2. 不重复的属性一定为唯一位置的唯一值
  3. 重复的属性采用覆盖赋值,保留最后位置的属性值
  4. 行间式一定是逻辑上最后被解析的位置
  5. !important 会影响优先级
Categories: Web

0 Comments

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *